摘要：<!DOCTYPE html><html><head><title>边框练习</title><meta charset="UTF-8"><link rel="shortuct icon" type="image/x-icon" href="static
<!DOCTYPE html>
<html>
<head>
<title>边框练习</title>
<meta charset="UTF-8">
<link rel="shortuct icon" type="image/x-icon" href="static/1.jpg">
<link rel="stylesheet" type="text/css" href="static/css/index.css">
<style>
<!--solid=实线，double=双实线，dashed=方虚线，dotted=圆虚线-->
<!--border-radius=边框圆角-->
<!--border-shadow=边框阴影 border-shadow: x轴 y轴 阴影宽度 颜色 inset=内阴影-->
#one{width:500px;height:500px;border:1px solid red;border-radius:10px;border-shadow:0px 5px 5px #ccc inset}
<!--清除边框线-->
button{border:none}
</style>
</head>
<body>
<div id="one"></div>
<button>登录</button>
</body>
</html>
批改老师：天蓬老师批改时间：2019-06-29 13:16:45
老师总结：border是盒模型中, 最有意义的元素, 它不像是内外边距是透明的, 只有宽度可以设置, 它还可以设置样式和前景色...
