首页 > 开发 > JS > 正文

Bootstrap CSS布局之图像

2024-05-06 16:33:49
字体:
来源:转载
供稿:网友

本文大家分享了Bootstrap CSS布局之图像,供大家参考,具体内容如下

img-rounded、img-circle、img-thumbnail(缩放图模式)

//源码img { vertical-align: middle;}.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto;}.img-rounded { border-radius: 6px;}//缩略图模式.img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;   transition: all .2s ease-in-out;}.img-circle { border-radius: 50%;}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持VeVb武林网。


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表