网页中制作线条的技巧
郑毅
2001年 6期
我们都知道
标签具有一个Color属性,例如我们要制作一条红色的线条就可以用这样的代码:
。
当你在IE中浏览这一段代码时你能得到一个你希望的红色线条,可是如果你的浏览器是Netscape的话,那么你看到的只是一个灰色的线条,因为Netscape根本就不支持HR的Color属性。我们该怎么办呢?其实现在流行的网页制作中大多数是用表格来规划一个网页的基本布局,因此使用表格的单元格来制作线条不会给你增加太多的麻烦。
1.将表格的单元格边距属性(cellpadding)设置为0。如:,注意:只有将这个边距属性设置为0,才能制作一个小于4个像素的线条。因为HTML中Cellpadding的默认值是2个像素,上下两个边距相加就是4个像素。如果不设置Cellpadding属性哪怕是将这个单元格的高度(Height)设置为0,这个单元格的实际高度仍然是4个像素。将单元格的高度(Height)设置为你希望得到的线条的高度。
2.设置单元格的背景颜色,如:#FF0000。到这一步还没有完,如果你这时在Netscape中来浏览这个表格的话,你仍看不到任何颜色。下面就进行关键性的一步。
3.利用图像制作软件制作一个1×1的GIF格式的图像(一个点)。这里又有一个技巧,你可以将这个图像设置为透明的,这样你可以利用这个“点”来制作任何颜色的线条,而不需要为每一种颜色的线条都制作一个这样的“点”。
这时你再用Netscape浏览这个表格你就可以看到一个红色的线条了。也就是说在Netscape中当一个单元格中什么也没有的时候,无法显示这个单元格的背景色,而只要这个单元格中有一点东西,就可以显示单元格的背景色。
使用这种方法也可以制作纵向的线条。只是需要将上述步骤的第2步的宽度改为你想要的线条的宽度,然后再设置高度或者调整这个单元格的行宽以达到你想要的长度。这需要你在网页制作过程中根据自己的实际要求来做出相应的处理。