css中如何设置4个圆角

这篇文章将为大家详细讲解有关css中如何设置4个圆角，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
　　CSS3圆角用于通过使用border-radius属性为主体或文本添加特殊颜色的角。圆角的简单语法如下：
　　#rcorners7{
　　border-radius:60px/15px;
　　background:#FF0000;
　　padding:20px;
　　width:200px;
　　height:150px;}
　　例，此属性可以有三个值。以下示例使用两个值：
　　
　　
　　

　　#rcorners1{
　　border-radius:25px;
　　background:#8AC007;
　　padding:20px;
　　width:200px;
　　height:150px;
　　}
　　#rcorners2{
　　border-radius:25px;
　　border:2pxsolid#8AC007;
　　padding:20px;
　　width:200px;
　　height:150px;
　　}
　　#rcorners3{
　　border-radius:25px;
　　background:url(/css/images/logo.png);
　　background-position:lefttop;
　　background-repeat:repeat;
　　padding:20px;
　　width:200px;
　　height:150px;
　　}
　　
　　
　　
　　Roundedcorners! 　　Roundedcorners! 　　Roundedcorners! 　　
　　效果如下：
　　微信截图_20181108143337.png
　　每个角属性：
　　我们可以指定每个角属性，如下例所示：
　　
　　
　　

　　#rcorners1{
　　border-radius:15px50px30px5px;
　　background:#a44170;
　　padding:20px;
　　width:100px;
　　height:100px;免费云主机、域名
　　}
　　#rcorners2{
　　border-radius:15px50px30px;
　　background:#a44170;
　　padding:20px;
　　width:100px;
　　height:100px;
　　}
　　#rcorners3{
　　border-radius:15px50px;
　　background:#a44170;
　　padding:20px;
　　width:100px;
　　height:100px;
　　}
　　
　　
　　
　　 　　 　　 　　关于“css中如何设置4个圆角”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

相关推荐: 怎么用Python画出漂亮的图表

本篇内容介绍了“怎么用Python画出漂亮的图表”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！Python 非常简单而又非常强大，它的功能之一就是画出漂亮的图表…