这篇文章详解css样式之border-radius属性
border-radius 属性设置边框的园角
可能的值:像素,百分比
扩展延伸
html代码
<p></p>
css代码
p { height: 200px; width: 200px; border: 2px solid #a72525; border-radius: 10px; }
结果
css代码
p { height: 200px; width: 200px; background: #a72525; border-radius: 50%; }
结果
css代码
p { height: 200px; width: 100px; border: 2px dashed #a72525; border-radius: 100px 0 0 100px; }
结果
css代码
p { height: 200px; width: 200px; border: 2px dotted #a72525; border-radius: 100% 0 0; }
结果
css代码
p { height: 200px; width: 100px; background: #f09; border-radius: 50%; }
结果
css代码
p { height: 200px; width: 200px; background: #f90; border-radius: 100% 0; }
结果
css代码
p { width: 0; height: 0; border: 100px solid gray; border-radius: 100px; border-right-color: transparent; }
结果
以上就是详解css样式之border-radius属性 的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论