如何在网页中制作虚线表格

html-css07

如何在网页中制作虚线表格,第1张

制作虚线表格的的方法:

方法一:作一个1X2的图。

半黑半白,再利用表格作成线。这种方法固然麻烦,但在任何浏览器中均可浏览,兼容性最好。

方法二:在CSS里面设定。

假如你用DreamWeaver话,只要在CSS面板里new一个style,选择“redefine

HTML

Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。留意,这个效果在浏览器里才能看见。

方法三:直接在html里设置(假如你只想让某一个表格边框是虚线的话)。

在表格的html里加上这个:

style="BORDER-LEFT:

#000000

1PX

DASHED

BORDER-RIGHT:

#000000

1PX

DASHED

BORDER-TOP:

#000000

1PX

DASHED

BORDER-BOTTOM:

#000000

1PX

DASHED"

颜色是十六位代码,你可以自己设。

style="BORDER-RIGHT:

1px

BORDER-TOP:

1px

BORDER-LEFT:

1px

BORDER-BOTTOM:

1px

dashed">

只有下边框且为虚线

这是我写的代码希望对你有帮助

如果希望修改虚线粗细可改动BORDER-BOTTOM:

1px为2px、3px等

只有下边框且为虚线

为表格标题

表格内容在

之间增删

只要在

之间就可以了