Web速查-索引

border-radius

定义

border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。

注意：该属性允许为元素添加圆角边框

语法

border-radius: 1-4 length|% / 1-4 length|%;

属性值

值 描述
length 定义圆角的形状。
% 以百分比定义圆角的形状。

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>

    <style>

        div

        {

            text-align:center;

            border:2px solid #a1a1a1;

            padding:10px 40px;

            background:#dddddd;

            width:350px;

            border-radius:33px;

        }

    </style>

</head>

<body>

   <div>border-radius 属性允许向元素添加圆角。</div>

</body>

</html>
border-radius 属性允许向元素添加圆角。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
6.0 3.0 4.0 9.0