<!doctype html>
<html>
<head>
<meta charset='UTF-8' />
<title>圆角功能</title>
<style type="text/css">
#div1{
border:1px solid #f00;
width:200px;
height:100px;
border-radius:10px 10px 10px 10px;
/* border-radius:4px<!--(左上角)--> 10px<!--(右上角)--> 20px<!--(右下角)--> 30px<!--(左下角)-->;*/
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
<html>
<head>
<meta charset='UTF-8' />
<title>圆角功能</title>
<style type="text/css">
#div1{
border:1px solid #f00;
width:200px;
height:100px;
border-radius:10px 10px 10px 10px;
/* border-radius:4px<!--(左上角)--> 10px<!--(右上角)--> 20px<!--(右下角)--> 30px<!--(左下角)-->;*/
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>