首页 > 代码库 > div border-radius画圆
div border-radius画圆
不要指定border-width属性：
<html><style type="text/css">div{ border-style: solid; background-color: #f00; border-width: 50px; border-radius: 50px; width: 100px; height: 100px;}</style><body> <div></div></body></html>
效果：
去掉border-width属性
<html><style type="text/css">div{ border-style: solid; background-color: #f00; border-radius: 50px; width: 100px; height: 100px; background-color: #000; }</style><body> <div></div></body></html>
效果：
怎么是106和106？
去掉
border-style: solid;
<html><style type="text/css">div{ background-color: #f00; border-radius: 50px; width: 100px; height: 100px;}</style><body> <div></div></body></html>
所以如果你想要在:before中画一个圆，则必须让:before是一个block
<html><style type="text/css">div{ margin: 400px;}div:before{ content: ""; display: block; background-color: #f00; border-radius: 50px; width: 100px; height: 100px;}</style><body> <div></div></body></html>
div border-radius画圆
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。