
<table width="200px" height="300px" style="border-bottom:1px dotted;">
<tr></tr>
<tr></tr>
</table>
其中width为表格宽度,height为表格高度,style是通过css的方式限定表格下边框为虚线,边框宽度为1px。
希望对你有帮助,有不懂的我尽量帮忙,谢谢^^
已知的方式有2种(纯样式):
1用标签(div、span这些标签都可以)的边框线设置虚线来实现,比如在需要的位置插入div然后设置border-top(或者border-bottom):1px dashed #e5e5e5;(3个属性分别表示:1像素的边宽 虚线 颜色);
2用hr,不过因为实现方式和方式一一样,比如:<hr style="height:1px;border:none;border-top:1px dashed #e5e5e5;" />,但是这个标签在H5种已经被淘汰了,完全可以靠第一种来实现。第二种就当做是知识扩展
制作虚线表格的的方法:
方法一:作一个1X2的图。
半黑半白,再利用表格作成线。这种方法固然麻烦,但在任何浏览器中均可浏览,兼容性最好。
方法二:在CSS里面设定。
假如你用DreamWeaver话,只要在CSS面板里new一个style,选择“redefineHTMLTag”,再在下拉菜单里先“table”,在d出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。留意,这个效果在浏览器里才能看见。
方法三:直接在html里设置(假如你只想让某一个表格边框是虚线的话)。
在表格的html里加上这个:
style="BORDER-LEFT:#0000001PXDASHED;BORDER-RIGHT:#0000001PXDASHED;BORDER-TOP:#0000001PXDASHED;BORDER-BOTTOM:#0000001PXDASHED"
颜色是十六位代码,你可以自己设。
以excel为例:
首先打开Excel文件,选中需要做成虚线的表格。
之后,找到菜单栏当中的格式,这一项,之后再找到单元格这一项,再找到当中的边框这一项。
然后,选择线型,在右边的线型栏中先选择虚线,这一种。
再选择当中的表格内线,即十字的那一种类。
之后,完成了,再看表格的内边线,就是虚线了。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)