2022-07-14 700
在网页设计过程中,细线表格的使用非常普遍。细线表格的制作说简单也简单,但到了制作的时候却经常记不起来。这里介绍两种方法,效果都很不错,建议收藏保存。
方法一:在dreamweaver中插入表格
设置表格边框粗细为“0”,单元格边距为“0”,单元格间距为“1”;
选中整个表格,右击“编辑标签<table>”,在标签编辑器 - table 窗口中设置表格的背景颜色为黑色;
光标定位到第一个单元格里拖选全部单元格,然后在属性面板中设置所有单元格的背景颜色白色。
这样一张细线表格完成了,实际效果如下:
方法二:利用css中的border-collapse属性
将border-collapse取值collapse,表示表格的两边框合并为一条。
<table width = "200" border="1" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<table>
实际效果如下:
感觉第二种方法使用起来最为便捷,尤其是修改已有表格为细线边框时最为实用。
生活百科 2024-05-20
生活百科 2024-05-28
生活百科 2024-06-21
生活百科 2021-04-14
生活百科 2021-06-22
生活百科 2021-09-08
生活百科 2017-07-20
生活百科 2018-08-02
生活百科 2014-07-01
生活百科 2021-05-01
电脑应用 2022-02-28
生活百科 2020-10-30
生活百科 2020-06-28
资源中心 2019-12-08
电脑应用 2023-02-07
生活百科 2018-07-17
资源中心 2012-03-20
生活百科 2025-03-08
生活百科 2019-02-22
生活百科 2023-08-22
扫码二维码
获取最新动态