HTML怎么把div变成一个半圆,怎么把bootstrap中的div变成一个圆

怎么把bootstrap中的div变成一个圆

发布时间：2020-07-09 16:20:06

来源：亿速云

阅读：253

作者：Leah

怎么把bootstrap中的div变成一个圆？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。

radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建圆形，把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。

利用border-radius将标签设置成圆形，只要将border-radius的值设置成50%，就可以变成圆形。

实例：

效果图：

关于怎么把bootstrap中的div变成一个圆问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。