CSS3 border-radius属性
作用:border-radius 属性用于建立圆角
申明:border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性。
基础语法:
border-radius: 1-4 length|% ;
注重: 每一个半径的四个值的递次是:左上角,右上角,右下角,左下角。假如省略左下角,右上角是雷同的。假如省略右下角,左上角是雷同的。假如省略右上角,左上角是雷同的。
css3 border-radius属性的运用示例
<!DOCTYPE html> <html> <head> <style> div { text-align:center; border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:350px; border-radius:25px; -moz-border-radius:25px; /* 老的 Firefox */ margin: 100px auto; } </style> </head> <body> <div>border-radius 属性许可您向元素增加圆角。</div> </body> </html>
结果图:
以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!
以上就是border-radius属性怎样运用的细致内容,更多请关注ki4网别的相干文章!