css如何让div成圆的(2)-木庄网络博客

2022-02-08 03:08:13 PHP中文网 JavaScript 百度已收录

css部分：

.box1{
width:200px;
height:200px;
margin: 30px auto;
border: 2px solid #e4007e;
text-align: center;
line-height: 200px;
font-weight: bold;
font-size: 24px;
background: burlywood;
border-radius: 50%;//圆角百分比
}

html部分：

1	`<div` `class="box1">这是一个圆</div>`

效果如图:

)GQ9F%`[1~))XW~D(049D74.png

推荐学习：css视频教程

以上就是css如何让div成圆的的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css+html实现模拟百度首页（附代码）

如何解决eclipse css文件乱码问题

css中实现背景透明的三种方式

css border-right-style属性怎么用

css如何修改背景图片宽高

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css如何让div成圆的

css如何让div成圆的

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论