1. 程式人生 > >div圓角屬性

div圓角屬性

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
text-align:center;
border:2px solid #a1a1a1;<!-- 邊框樣式-->
padding:10px 40px; 
background:#dddddd;
width:350px;
border-radius:25px; <!--調節圓周程度-->
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>

<div>border-radius 圓角屬性就是這麼簡單</div>

</body>
</html>

 執行結果: