<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框</title>
<!-- <link rel="icon" type="image/x-icon" href=""> -->
<style type="text/css">
*{margin: 0;padding: 0;}
/* 边框属性：border：宽度 样式 颜色*/
div{
width: 200px;
height: 200px;
margin: 50px auto;
/*border: 1px dashed #ccc;*/
/* 设置单边边框*/
border: 1px dashed #ccc;
/* border-left: 1px dotted #cc;
border-right: 1px solid #cc;
border-bottom: 1px double #cc;*/
}
/*边框阴影：box-shadow:x y 阴影宽度 阴影颜色*/
p{
width: 200px;
height: 200px;
margin: 50px;
box-shadow: 2px 2px 20px #ccc;
/*边框圆角 border-radius: */
/*border-radius: 10px;*/
/*圆形*/
/*border-radius: 50%；*/
/*控制单边框圆角*/
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
</style>
</head>
<body>
<div></div>
<p></p>
</body>
</html>
