CSS3 border-radius

border-radius

该属性用于设置圆角效果

<!-- 把 div 容器的四个角设置成圆角,圆角度 5px; -->

<p style="width:100px; height:100px; background:orange; border-radius:5px"></p>

显示效果


圆角方向

不同方向的边框圆角设置。

属性含义
border-top-left-radius左上圆角
border-top-bottom-radius右上圆角
border-bottom-left-radius左下圆角
border-bottom-right-radius右下圆角
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程