css中的border-radius属性如何使用
这篇文章主要介绍css中的border-radius属性如何使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
十余年的普陀网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整普陀建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“普陀网站设计”,“普陀网站推广”以来,每个客户项目都认真落实执行。
CSS3border-radius属性
作用:border-radius属性用于创建圆角
说明:border-radius属性是一个最多可指定四个border-*-radius属性的复合属性。
基本语法:
border-radius:1-4length|%;
注意:每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。
css3border-radius属性的使用示例
div
{
text-align:center;
border:2pxsolid#a1a1a1;
padding:10px40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px;/*老的Firefox*/
margin:100pxauto;
}
以上是“css中的border-radius属性如何使用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
名称栏目:css中的border-radius属性如何使用
文章出自:http://scyanting.com/article/pjsoch.html