CSS：自定多姿多彩的网页链接下划线

CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。假设下划线图形是underline.gif，则设置下划线图形的CSS代码为a { background-image: url; }。假设要将下划线图形放在右下角，CSS代码为：a { background-position: 100% 100%; }。用CSS的white-space属性可以防止链接文字折行，即a { white-space: nowrap; }。　　综上所述，为链接元素定义CSS样式属性的完整例子如：　　a {　　如果要让自定义下划线只在鼠标停留时出现，只要把原来直接设置在链接元素上的CSS background属性改到:hover ，例如：　　a {　　a:hover {　　二、实例欣赏 　　假设有两个下划线图形diagonal.gif（波纹线）、flower.gif（花朵）前者的高、宽是3、9，后者的高、宽是11、15。