html 虚线圆形,css虚线圆环 和实线圆环

css虚线圆环 和实线圆环

css虚线圆环 和实线圆环

虚线圆环

dashed为破折号 间隔

dotted为点 间隔

{

border-radius:50px;width:100px;height:100px;border:1px dashed red

}

实线圆环

{

border-radius:50px;width:100px;height:100px;border:1px solid red

}

菜鸟网站可以在线运行

https://www.runoob.com/try/try.php?filename=trycss3_border-radius

完整代码

菜鸟教程(runoob.com)

div

{

border-radius:50px;width:100px;height:100px;border:1px dashed red

}

border-radius 属性允许您为元素添加圆角边框！

参考

看陌离的答案

https://zhidao.baidu.com/question/2139677537143942868.html?qbl=relate_question_0

css虚线圆环 和实线圆环相关教程