Bootstrap4 图片形状

您所在的位置:网站首页 如何把div变成圆形图片 Bootstrap4 图片形状

Bootstrap4 图片形状

#Bootstrap4 图片形状| 来源: 网络整理| 查看: 265

Bootstrap4 图片形状——圆形实现

突然用到了Bootstrap4,要实现一个card里面的用户头像,需要正圆,但是看了文档,只有

.rounded实现图片的圆角,我尝试加入border-radius: 50%;去改成圆,但是发现白瞎。

在这里插入图片描述

后来网络上查到.rounded-circle类可以设置椭圆形图片,卧槽,我要的是正圆啊老大,你个椭圆有啥用啊,但是看来看去,就只有这个是关于图片形状的了,于是死马当活马医,因为是椭圆,所以我猜想应该是高度和宽度给的不一样导致的,于是尝试给图片宽高相同width: 200px; height: 200px;

在这里插入图片描述

于是就成了。(这么简单,无语。浪费我时间。)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3