Bootstrap4 图片形状 |
您所在的位置:网站首页 › 如何把div变成圆形图片 › Bootstrap4 图片形状 |
Bootstrap4 图片形状——圆形实现
突然用到了Bootstrap4,要实现一个card里面的用户头像,需要正圆,但是看了文档,只有 .rounded实现图片的圆角,我尝试加入border-radius: 50%;去改成圆,但是发现白瞎。 后来网络上查到.rounded-circle类可以设置椭圆形图片,卧槽,我要的是正圆啊老大,你个椭圆有啥用啊,但是看来看去,就只有这个是关于图片形状的了,于是死马当活马医,因为是椭圆,所以我猜想应该是高度和宽度给的不一样导致的,于是尝试给图片宽高相同width: 200px; height: 200px; 于是就成了。(这么简单,无语。浪费我时间。) |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |