在css中 ， 设置div的宽度相同 ， 通过border-radius属性便可以实现圆形 。 下面小编举例讲解如何使用css+div制作实心圆形 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1【如何使用css+div制作实心圆形】新建一个html文件 ， 定名为test.html ， 用于讲解若何利用css+div建造实心圆形 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 。
文章插图
3在test.html文件内 ， 设置div标签的class属性为mytest 。
文章插图
4在css标签内 ， 经由过程class设置div的样式 ， 界说div的布景颜色为红色 ， 宽度为250px ， 高度为250px 。
文章插图
5在css标签内 ， 再将border-radius属性设置为50% ， 建造出圆形 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用div标签建立一个模块 ， 设置div标签的class属性为mytest 。 2、在css标签内 ， 经由过程class设置div的样式 ， 界说div的布景颜色为红色 ， 宽度为250px ， 高度为250px 。 3、在css标签内 ， 再将border-radius属性设置为50% ， 建造出圆形 。 4、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是如何使用css+div制作实心圆形的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- wpsppt中如何制作分析报告型目录
- wps演示中如何制作精致工作风目录
- 如何注册拳头账号
- 如何设置WPS文档局部保护功能
- UG12.0如何更改实体的颜色
- 如何用ps设计分割字中字效果
- ppt2019如何使幻灯片页面三等分
- notepad++中如何进行文本替换
- 360浏览器如何设置网页自适应屏幕
- 红米k30pro手机如何设置短信智能识别功能