虚线圆环
dashed为破折号 间隔
dotted为点 间隔
边框属性
https://www.runoob.com/css/css-border.html
边框演示页面 dashed 为虚线
https://www.runoob.com/try/try.php?filename=trycss_border-width
{
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
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
div
{
border-radius:50px;width:100px;height:100px;border:1px dashed red
}
</style>
</head>
<body>
<div>border-radius 属性允许您为元素添加圆角边框! </div>
</body>
</html>
参考
看陌离的答案
https://zhidao.baidu.com/question/2139677537143942868.html?qbl=relate_question_0