当前第2页 返回上一页
圆
实现方式：宽度、高度设置为一样，然后四角圆角半径设置为宽度、高度的一半
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>圆</title>
<style type="text/css">
p{
width: 100px;
height: 100px;
border:1px solid black;
background-color: blue;
border-radius: 50px;
}
</style></head><body>
<p></p></body></html>
|
结果：
推荐：《HTML视频教程》《css视频教程》
以上就是css怎么实现半圆的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
在html里用css隐藏div的方法
div css怎么实现显示隐藏
css设置表格的属性有哪些
css外链式与内联式的区别是什么
css word-spacing属性怎么用？
javascript和css交互的5种方法的学习
css中怎么把文字加粗
css怎么设置行高
css怎么设置字体粗体效果
css盒子中的图如何居中
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么实现半圆
