Bootstrap4 图像形状

Bootstrap4 图像形状

Bootstrap4是当前最受欢迎的前端框架之一，它提供了丰富的组件和工具，帮助开发者快速构建响应式、移动优先的网页。在Bootstrap4中，图像形状是一个重要的功能，它允许开发者将图像裁剪成不同的形状，从而增强网页的美观性和用户体验。

图像形状概述

Bootstrap4的图像形状功能允许开发者将图像裁剪成圆形、方形、缩略图等多种形状。通过使用类名，可以轻松地为图像添加所需的形状效果。

圆形图像

要创建圆形图像，可以使用.rounded类。这个类可以应用于图像元素的任何边框属性，以实现圆形效果。

<img src="example.jpg" alt="Example" class="rounded">

圆角图像

除了圆形图像外，Bootstrap4还提供了.rounded-circle类，它专门用于创建圆角图像。

<img src="example.jpg" alt="Example" class="rounded-circle">

方形图像

要创建方形图像，可以使用.rounded-0类。这个类移除了所有边框，使图像成为方形。

<img src="example.jpg" alt="Example" class=