Bootstrap CSS布局之图像
本文大家分享了BootstrapCSS布局之图像,供大家参考,具体内容如下
img-rounded、img-circle、img-thumbnail(缩放图模式)
//源码 img{ vertical-align:middle; } .img-responsive, .thumbnail>img, .thumbnaila>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:1pxsolid#ddd; border-radius:4px; -webkit-transition:all.2sease-in-out; -o-transition:all.2sease-in-out; transition:all.2sease-in-out; } .img-circle{ border-radius:50%; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。