css边框样式

原创2018-12-12 12:38:1988
摘要:<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
老师总结:边框样式有很多,但不外乎: 宽度,样式和颜色而已,也好记

发布手记

热门词条