Rumah > Artikel > hujung hadapan web > bootstrap怎么把div变成一个圆
bootstrap怎么把div变成一个圆
- (*-*)浩asal
- 2019-07-18 16:35:275770semak imbas
border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。
radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建圆形，把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。（推荐学习：Bootstrap视频教程）
利用border-radius将标签设置成圆形，只要将border-radius的值设置成50%，就可以变成圆形。
实例：
<html> <head> </head> <body style="width: 99%;height: 1000px;"> <div style="width:100px;height:100px;background-color:#000000;border-radius:50%;"></div> <input type="button" style="width: 100px;height: 100px;background-color: #000000;border-radius:50%;" /> </body> </html>
效果图：
更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！
Atas ialah kandungan terperinci bootstrap怎么把div变成一个圆. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：bootstrap怎么实现圆角边框Artikel seterusnya：bootstrap中验证提示状态的类有什么