巧用背景颜色和间距快速制作出细边线表格

时间： 2021-07-31 作者：daque

在dreamweaver中插入一个表格，若树立其“边框(border)”为1，预览时其边框线较粗。对于不熟习html谈话的网页创造者，怎样赶快创造出细边线的表格呢？底下，我给大师引见一个小本领--巧用后台脸色和间距创造细边线表格。

以创造一个4行3列、边框线为赤色细线的表格为例：

step 1 在dreamweaver的安排视图中插入一个4行3列的表格。

step 2 在“属性”面板中树立此表格的属性如次：边距(cellpad)按照须要自行树立值(比方10)；间距(cellspace)为1；边框(border)为0；后台脸色(bg color)为赤色。

step 3 选中此表格的一切单位格，在“属性”面板中树立一切单位格的属性如次：后台脸色(bg)为白色或赤色除外的其余脸色。

结果，生存网页，按f12预览。如何样，一个4行3列的赤色细线表格是否呈此刻你眼前？

其余，即使咱们照常想用表格来构造定位，但只有外边框线表露为细线，而里面单位格的分割线不表露的功效，则不妨共同运用嵌套表格。底下以表特殊边框线为赤色细线为例来证明操纵本领：

step 1 在dreamweaver的安排视图插入一个1行1列的表格。

step 2 在“属性”面板树立此表格的属性如次：“边距”按照须要自行树立(比方5)；“间距”为1；“边框”为0；“后台脸色”为赤色。

step 3 选中此表格独一的单位格，在“属性”面板树立此单位格的“后台脸色”为白色或赤色除外的其余脸色。

step 4 将光标定位在此1行1列的表格中，按照须要插入一个几行几列的嵌套表格，此嵌套表格的“边框”确定树立为0，“边距”和“间距”不妨按照须要树立或不树立，其余属性可不举行树立。

如许，咱们就不妨在嵌套表格的各别单位格内插入笔墨、图片等其余网页元素了。

能否有点动心了？连忙试试吧！

相关推荐