1. 程式人生 > >CSS3實現DIV圓角效果完整程式碼

CSS3實現DIV圓角效果完整程式碼

<style type="text/css"> 
#yuanjiao
{ 
font-family: Arial; 
border: 2px solid #379082; 
border-radius: 20px 0px 0px 20px; /*上 右 下 左*/ 
padding: 30px 30px; 
width: 330px; 
}
</style> 
<div id="yuanjiao"> 
本例項是CSS3實現DIV圓角。實現圓角的CSS3程式碼句是: "border-radius: 20px;" 。需使用支援CSS3的瀏覽器執行,例如新版的Chrome、火狐,或者IE9。IE6、7、8不支援。

指令碼之家CSS3教程

</div>