Bootstrap 4 中使用的不同类型的图像形状和角

Bootstrap 4 中提供了多种图像形状和角样式，可用于美化网站上的图像。

图像形状

Bootstrap 4 中提供了以下图像形状样式：

• .rounded：圆角矩形
• .rounded-top：圆角矩形的上半部分
• .rounded-bottom：圆角矩形的下半部分
• .rounded-left：圆角矩形的左半部分
• .rounded-right：圆角矩形的右半部分
• .rounded-circle：圆形
• .rounded-pill：椭圆形

示例代码：

<img src="image.jpg" alt="" class="rounded">
<img src="image.jpg" alt="" class="rounded-top">
<img src="image.jpg" alt="" class="rounded-bottom">
<img src="image.jpg" alt="" class="rounded-left">
<img src="image.jpg" alt="" class="rounded-right">
<img src="image.jpg" alt="" class="rounded-circle">
<img src="image.jpg" alt="" class="rounded-pill">

图像角

Bootstrap 4 中提供了两种图像角样式：

• .rounded：圆角
• .rounded-0：直角

示例代码：

<img src="image.jpg" alt="" class="rounded">
<img src="image.jpg" alt="" class="rounded-0">

注意：图像形状和角样式也适用于 <figure> 和 <figcaption> 元素。

以上就是 Bootstrap 4 中使用的不同类型的图像形状和角样式的介绍。