css虚线样式怎么实现

html-css011

css虚线样式怎么实现,第1张

css有两种虚线形式,一种是dashed,一种是dotted;如:

<div style="width:100pxheight:100pxborder:1px dashed red"></div>

<div style="width:100pxheight:100pxborder:1px dotted red"></div>

效果图如下:

<td

style="border-bottom:1px

dotted

#ccc">文字内容</td>

<td

style="border(边框)-bottom(底部):1px(1像素)

dotted

(虚线)#ccc(颜色)">文字内容</td>

上面这句话的意思是:在这个td里面的样式为

底部边框为1像素颜色为#ccc的虚线

dotted

是虚线

solid

是实线