HTML5+CSS3 圆角边框的绘制

绘制圆角边框

div { 

border-radius:25px; 

background-color:#E4E4E4; 

border: solid 5px red; 

padding: 20px; 

font-size:24px; 

color:#000000; 

-moz- border -radius:20px; 

-o- border -radius: 20px; 

-webkit- border -radius:20px; 

width:300px; 

height:123px; 

} 

“月上柳梢头，人约黄昏后”

，中秋无依之日，世道沧桑，情去节依在，人靠月圆瘦。思

念的中秋，总人倍感沉寂和清幽。

在上述代码中，

使用

border-radius

属性绘制

DIV

层的边框，

设置圆角半径为

25

像素。