css怎么把正方形变成圆形

来源:网络整理作者: 发布时间:2020-12-18 04:54

css把正方形变成圆形的方法：可以利用border-radius属性来实现，如【border-radius:150px】。border-radius属性允许我们为元素...

运行网页，可以看到正方形已经变成了圆形，如图所示：

语法：

border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性，该属性允许你为元素添加圆角边框。

给类名(box)添加CSS属性，让其变成一个正方形，如图所示：

border-radius: 1-4 length|% / 1-4 length|%;

代码实现：

添加一个CSS属性，代码：border-radius:150px，如图所示：

（学习视频分享：css视频教程）

属性介绍：

本教程操作环境：windows10系统、css3，本文适用于所有品牌的电脑。

css把正方形变成圆形的方法：可以利用border-radius属性来实现，如【border-radius:150px】。border-radius属性允许我们为元素添加圆角边框。

css怎么把正方形变成圆形

新建一个html 文件，在body标签中输入div标签，并且给div标签添加一个类名(box)，如图所示：

相关热词： CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5051.shtml

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时