摘要：<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="A
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>学习css第三节 - 边框</title>
<style type="text/css">
.box{width:100px;height:100px;border:1px solid #ccc;border-radius:10px;}/* double 双线虚线*/ /* doted */ /* dashed点状虚线 */ border-radius:10px; 控制div边角的 可以是圆角 圆形
.main{width:100px;height:100px;border-top:1px solid red;background:#ccc;border-right:1px solid red;border-left:1px solid red;}
button{border:none;} /* border:none;去除属性值自带的边框 */
#shadow{width:300px;height:40px;box-shadow:0px 6px 30px #ccc inset;/* border:1px solid #ccc; */}
</style>
</head>
<body>
<div> 圆角 圆形 </div>
<br>
<div> </div>
<div id="shadow">阴影 </div>
<!-- <button>登录</button>
-->
</body>
</html>
批改老师：韦小宝批改时间：2019-02-23 16:47:29
老师总结：写的挺不错的 css中的边框的样式可以写出很多种案例 比如相框等 没事的时候可以尝试去练习练习哦
