CSS怎么定义一条水平虚线与实线

html-css011

CSS怎么定义一条水平虚线与实线,第1张

水平实线：<hr/>或<div style="height:10pxborder-bottom:1px solid #f11"></div>

虚线：<div style="height:10pxborder-bottom:1px dashed #f11"></div>

主要是用：border

<style type="text/css">

.div1{ border:1px solid redwidth:150pxheight:100pxfloat:leftmargin-left:10px}

.div2{ border-top:1px solid redwidth:150pxheight:100pxfloat:leftmargin-left:30px}

.div3{ border-right:1px solid redwidth:150pxheight:100pxfloat:leftmargin-left:30px}

.div4{ border-bottom:1px solid redwidth:150pxheight:100pxfloat:leftmargin-left:30px}

.div5{ border-left:2px solid redwidth:150pxheight:100pxfloat:leftmargin-left:30px}

</style>

<body>

<div class="div1">显示div的全部边框如果想要把边框的像素改为2像素：把1px改为2px就行了； 实线：solid</div>

<div class="div2">显示div的上边框</div>

<div class="div3">显示div的右边框</div>

<div class="div4">显示div的下边框</div>

<div class="div5">显示div的左边框</div>

</body>

代码给你了 好好的去看一下