摘要:<head><style tpye=”text/css”>.box{width:100px;height:100px;border:1px /*solid double dashed dotted*/#ccc;border-radius:50px;}//设置边框线实线,双线,虚线,点虚线。radius是边框弧形。.main{width:px;height:100px;bor
<head>
<style tpye=”text/css”>
.box{width:100px;height:100px;border:1px /*solid double dashed dotted*/#ccc;border-radius:50px;}//设置边框线实线,双线,虚线,点虚线。radius是边框弧形。
.main{width:px;height:100px;border-top:1px solid red;border-left:1px double red;background:#ccc;}//设置顶部边框线,左部边框线,右部边框线。
button{border:none;}//将边框线去掉。
.shadow{width:300px;height:40px;box-shadow:10px 5px 3px #ccc;border:1px solid #ccc inset}//x轴,y轴,阴影宽度.阴影颜色值。(默认shadow是向外阴影,加inset向内阴影。
</style>
</head>
<body>
<div class=”box”></div>
<div class=”main”></div>
<div class=”shadow”></div>
<button>登入</button>
</body>
批改老师:灭绝师太批改时间:2018-12-12 12:49:53
老师总结:边框样式有很多,但不外乎: 宽度,样式和颜色而已,也好记