Css3圆角边框的属性设置代码

我们在制作网页的有时候为了美观需要将一些方框的角用有弧度的方式展现,那么以前的做法都是切图,现在我们只要用css3就可以轻松实现方框圆角处理。
border-radius:是将四个角都按一样的方式处理,而top-left、top-right、bottom-right、bottom-left则可以对四个角进行分别处理第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。

Css3圆角边框的属性设置代码

<p id="rcorners">圆角</p>
<style type="text/css">
#rcorners {
border-radius: 25px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
</style>

给TA打赏
共{{data.count}}人
人已打赏
网站知识

empty-cells代码怎么用

2023-11-26 11:25:20

网站知识

Css3如何实现元素环绕中心点布局

2023-11-26 15:55:24

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧