在制作网页时我们经常需要一些细的分隔线。我们通常的作法是用单元格填充背景来实现，这在一些时候当然是不错的做法，但这样做显然不够灵活：比如对长度的控制不灵活、对位置的变换控制不灵活等。另一方面，正是因为这些单元格的存在，有时会把表格变得很复杂，从而难以维护。还有一种HTML自带的分隔线就是＜HR＞，但它要占据一行的位置，在一些细致的布局上会很麻烦，而且它只是横向的，而非纵向的。

　　而事实上，有一种看上去似乎很原始的方法被我们忽略了：用图片。

　　你是不以为听错了呢？没有，就是用图片！不要听见图片就觉得网页会变得臃肿，关键是要看怎么用图片。

　　一个黑色的1px×1px的图片有多大？我可以告诉你：43字节，如右图。（为了便于大家阅读，我们将图片显示为20px×20px）我们就是用这样一张图片来实现灵活多变的分隔线。

　　来看下面实例：

　　随心所欲控制长短：

　　
　　＜IMG height=1 src="yl-021113-1-pic1.gif" width=100＞

　　
　　＜IMG height=1 src="yl-021113-1-pic1.gif" width=200＞

　　
　　＜IMG height=1 src="yl-021113-1-pic1.gif" width=300＞


　　随心所欲控制粗细：
　　
　　＜IMG height=1 src="yl-021113-1-pic1.gif" width=300＞

　　
　　＜IMG height=2 src="yl-021113-1-pic1.gif" width=300＞

　　

[1] [2] [3] 下一页