border 边框{宽度 实线 颜色} 圆角border-radius 阴影box-shadow
border 边框{宽度 实线 颜色} 圆角border-radius 阴影box-shadow<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css样式border边框</title>
<link rel="icon type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
*{margin:0;padding: 0;}
.box{
width:200px;
height:200px;
border:1px dotted blue;
border-radius: 50px;
}
.main{
width:200px;
height:200px;
border-top:1px solid red;
background:#ccc;
border-right: 1px solid red;
}
button{
border:none;
background:red;
}
.shadow{
width:400px;
height:40px;
border:1px solid red;
box-shadow: 0px 20px 40px #ccc inset;
}
</style>
</head>
<body>
<div></div>
<div></div>
<button>登陆</button>
<div></div>
</body>
</html>