CSS dashed和dotted的区别

html-css09

CSS dashed和dotted的区别,第1张

CSS中dashed和dotted区别如下:

1、组成虚线的方式不同:

两者在CSS中都是“虚线”。其中dashed来自 dash(破折号),由一个个破折号组成的虚线。dotted:来自 dot(点),由一个个点组成的虚线,也称点线。

2、在IE6.0中的表现区别:

在IE6.0中,宽度为1px的dotted和宽度为1px的dashed一样,表现为破折号组成的虚线。当宽度大于1px时,dotted表现为点组成的虚线。

3、在IE7.0中表现区别:

在IE7.0中,如果有4条1px宽度的边和其它任意数值宽度的边同时存在时,1px的dotted表现的和dashed一样,改变上述条件则表现为点组成的虚线。

参考资料来源:百度百科-CSS border-style

<td

style="border-bottom:1px

dotted

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

<td

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

dotted

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

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

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

dotted

是虚线

solid

是实线