html表格样式,只要最下面的为虚线,其他的都不显示

html表格样式,只要最下面的为虚线,其他的都不显示,第1张

<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文件,选中需要做成虚线的表格。

之后,找到菜单栏当中的格式,这一项,之后再找到单元格这一项,再找到当中的边框这一项。

然后,选择线型,在右边的线型栏中先选择虚线,这一种。

再选择当中的表格内线,即十字的那一种类。

之后,完成了,再看表格的内边线,就是虚线了。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/12460664.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存