在css中可以border-radius属性设置元素的外边框圆角 ， 今天我来给大家介绍下css中使用border-radius画圆
文章插图
需要这些哦
电脑
css+html
代码编纂器（本文用的HBuilder）
方式/
1起首在编纂器里新建一个test.html ， 用来进修css中利用border-radius画圆
文章插图
2在body区域里 ， 新建一个class为radius的div
文章插图
3在css标签中 ， 给radius写上根本属性：宽200px ， 高200px ， 居中显示 ， 而且给div一个大小为1px ， 颜色为黑色的实线
文章插图
4在浏览器中打开test页面 ， 看一下此刻的结果
文章插图
5回到编纂器 ， 在radius的样式里 ， 写上border-radius:50%
文章插图
6【css中使用border】在浏览器中打开test页面 ， 看一下最终结果
文章插图
注重事项若是帮忙到您 ， 请给个赞
以上内容就是css中使用border的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- wps演示中如何制作双三角形封面
- ccs中如何使用border画实线和虚线
- 在Word中怎么输入方框里打钩符号
- word中的表格怎么制作下拉菜单选项
- 同时引用两个文献，怎么去掉中间的中括号
- win7 python3实现折半查找
- PS如何制作使用图片包装文字效果
- ps中图像大小和画布大小的区别
- 怎样在photoshop中给文字加边框
- ps内容识别怎么用