在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:
-
.img-rounded
:添加
border-radius:6px
来获得图片圆角。 -
.img-circle
:添加
border-radius:50%
来让整个图片变成圆形。 -
.img-thumbnail
:添加一些内边距(padding)和一个灰色的边框。
请看下面的实例演示:
实例
<img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-rounded”> <img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-circle”> <img decoding=”async” src=”/wp-content/uploads/2014/06/download.png” class=”img-thumbnail”>
结果如下所示:
版权声明:本文为shengyin714959原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。