border-radius：圓角元素
如果你在 border-radius 屬性中只指定一個值，那么將生成 4 個 圓角。
但是，如果你要在四個角上一一指定，可以使用以下規(guī)則：
四個值: 第一個值為左上角，第二個值為右上角，第三個值為右下角，第四個值為左下角。
三個值: 第一個值為左上角, 第二個值為右上角和左下角，第三個值為右下角
兩個值: 第一個值為左上角與右下角，第二個值為右上角與左下角
一個值： 四個圓角值相同
css3 圓角屬性
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>邊框?qū)傩?lt;/title>
<style>
div {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 300px;
text-align: center;
border-radius: 0px 50px 100px 180px;
}
</style>
</head>
<body> ?
<div>border-radius: 0px 50px 100px 180px; </div> ?
</body>
</html>
改變border-radius后的值：
border-radius：0px;
border-radius：25px
border-radius: 0px 50px 100px 180px;
