失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html如何设置下画虚线框 如何用css画虚线

html如何设置下画虚线框 如何用css画虚线

时间:2021-09-03 15:08:46

相关推荐

html如何设置下画虚线框 如何用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边框成畸形、

inset边框内嵌一个立方体边框、

outset边框外嵌一个立方体--

经常可以在网页上看到很多漂亮的虚线,

今天我也研究了一下它的实现方式,

还是比较easy的现在和大家共享一下。

水平虚线的代码:

垂直虚线的代码:

如何用css画虚线

css样式:

1

.line{

margin-top:1px;

border-top-style:dashed;

border-top-color:#CCCCCC;

}

2

.line{

border-top:1pxdashed#CCCCCC;

}

css画虚线 htmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">

如果觉得《html如何设置下画虚线框 如何用css画虚线》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。