border-radius属性如何使用

2024-01-17 13:40 小编

CSS3border-radius属性

作用:border-radius属性用于创建圆角

说明:border-radius属性是一个最多可指定四个border-*-radius属性的复合属性。

基本语法:

border-radius:1-4length|%;

注意:每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。

css3border-radius属性的使用示例

<!DOCTYPEhtml>

<html>

<head>

<style>

div

{

text-align:center;

border:2pxsolid#a1a1a1;

padding:10px40px;

background:#dddddd;

width:350px;

border-radius:25px;

-moz-border-radius:25px;/*老的Firefox*/

margin:100pxauto;

}

</style>

</head>

<body>

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

</body>

</html>


image.png



Tag: 如何
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码