1

2

3

4

5

6

.round {

border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */

-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */

-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */

border-radius: 5px4px3px2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */

}

1

2

3

4

5

6

7

#circle{

width: 200px;

height: 200px;

background-color: #efefef; /* Can be set to transparent */

border: 3px#a72525solid;

-webkit-border-radius: 100px;

}

1

2

3

4

5

6

7

#circle{

width: 200px;

height: 200px;

background-color: #efefef; /* Can be set to transparent */

border: 3px#a72525dashed;

-webkit-border-radius: 100px100px100px100px;

}

1

2

3

4

5

6

#quartercircle {

width: 200px;

height: 200px;

background-color: #a72525;

-webkit-border-radius: 200px000;

}