圆角矩形

来源:互联网 发布:淘宝网店做什么好 编辑:程序博客网 时间:2024/06/03 21:46
<!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>