daydaydream 2018-04-13 16:29:23 博主文章分类：大前端 ©著作权

文章标签 bootstrapt css3 css 文章分类 Html/CSS 前端开发

1、Bootstrap提供了四种用于类的样式，分别是： .img-rounded：圆角 (IE8 不支持)，添加 border-radius:6px 来获得图片圆角 .img-circle：圆形 (IE8 不支持)，添加 border-radius:50% 来让整个图片变成圆形 .img-thumbnail：缩略图功能，添加一些内边距（padding）和一个灰色的边框 .img-responsive：图片响应式 (自适应各类大小的屏幕)

使用方法： （1）Bootstrap库的导入就不说啦，原图如下（png,自带一个小圆角，背景透明）：

（2）将类样式直接添加到class中即可：

效果如下：

(3)以圆角为例，加阴影效果对比一下： 加入以下代码：

如下图：

继续修正圆角，加入以下代码:

如下图：

上一篇：php curl返回false----curl调用微信创建自定义菜单返回false

下一篇：wordpress安装、汉化、主题、常见问题等