如何⽤css画虚线
虚线代码
style="BORDER-RIGHT:#0001pxsolid;PADDING-RIGHT:20px;BORDER-TOP:#0001pxdotted;
PADDING-LEFT:20px;PADDING-BOTTOM:20px;MARGIN:80pxauto;BORDER-LEFT:#0001pxdotted;
WIDTH:360px;PADDING-TOP:20px;BORDER-BOTTOM:#0001pxdotted;HEIGHT:210px">虚线代码
这个就是显⽰虚线框的代码
solid边框由实线组成、
dotted边框由点组成、
dash边框由短线组成、
double边框由双实线组成、
groove边框带有⽴体感的沟槽、
ridge边框成畸形、
int边框内嵌⼀个⽴⽅体边框、
outt边框外嵌⼀个⽴⽅体--
经常可以在⽹页上看到很多漂亮的虚线,
今天我也研究了⼀下它的实现⽅式,
还是⽐较easy的现在和⼤家共享⼀下。
⽔平虚线的代码:
垂直虚线的代码:
如何⽤css画虚线
css样式:
1
.line{
margin-top:1px;
border-top-style:dashed;
border-top-color:#CCCCCC;
}
2
.line{
border-top:1pxdashed#CCCCCC;
}
css画虚线