css边框样式

Original 2018-12-12 12:37:57 202
abstract:<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>

 


Release Notes

Popular Entries