bootstrap实现圆角的方法

bootstrap实现圆角的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

创新互联公司-专业网站定制、快速模板网站建设、高性价比宜君网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式宜君网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖宜君地区。费用合理售后完善,十多年实体公司更值得信赖。

Bootstrap提供了四种用于类的样式,分别是:

bootstrap实现圆角的方法

.img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角;

.img-circle:圆形 (IE8 不支持),添加 border-radius:50% 来让整个图片变成圆形。

.img-thumbnail:缩略图功能,添加一些内边距(padding)和一个灰色的边框。

.img-responsive:图片响应式 (将很好地扩展到父元素)。

使用:

将类样式直接添加到class中即可:

头像

效果如下:

bootstrap实现圆角的方法

从图中可以看到使用各种样式得到的效果,处理起图片来非常的简单方便。

感谢各位的阅读!看完上述内容,你们对bootstrap实现圆角的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。


名称栏目:bootstrap实现圆角的方法
文章转载:http://bzwzjz.com/article/jidhse.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 LED网站设计方案 成都企业网站设计 四川成都网站制作 成都网站制作 手机网站建设 重庆手机网站建设 成都网站建设 网站设计公司 网站建设公司 网站建设费用 成都网站制作 网站建设公司 成都网站设计 定制网站制作 成都网站制作 成都网站设计 成都网站设计 网站建设方案 泸州网站建设 营销型网站建设 成都品牌网站建设