div css 怎么在文本中加分割线 ?

html-css011

div css 怎么在文本中加分割线 ?,第1张

css中写border-bottom:1px dashed #ccc

dashed 虚线

solid 实线

dotted 点

<style>

.c{float:leftwidth:200px}

li{float:leftwidth:200pxheight:30pxline-height:30pxborder-bottom:1px dashed #ccc}

</style>

<div class="c">

<ul>

<li>11111111111111111111</li>

<li>11111111111111111111</li>

<li>11111111111111111111</li>

</ul>

</div>

你好!html里是没有自带的中竖线分隔符,但是你可以用div+CSS制作出一个,也就是用边框线来拉一个出来,宽高度由你自己定。参考如下:

<div style="height:100pxwidth:1pxborder-left:1px #000 solid"></div>

希望我这样的回答能帮到你。