定义下划线样式

HTML

<div id="quickSummary">
    <p class="p1"><span>展示以<acronym 
title="cascading style sheets">CSS</acronym>技术为基础，并提供超强的视觉冲击力。只要选择列表中任意一个样式表，就可以将它加载到本页面中，并呈现不同的设计效果。</span></p>
    <p class="p2"><span>下载<a title="这个页面的HTML源代码不能够被改动。"  
href="http://www.csszengarden.com/zengarden-sample.html">HTML文档</a> 和 <a 
title="这个页面的CSS样式表文件，你可以更改它。"  
href="http://www.csszengarden.com/zengarden-sample.css">CSS文件</a>。</span></p>
</div>
					    

CSS

a {/* 超链接的默认样式 */
    text-decoration:none; 								/* 清除超链接下划线 */
    color:#666; 										/* 灰色字体效果 */
}
a:hover {/* 鼠标经过时样式 */
    color:#000; 										/* 加重颜色显示 */
    background:url(images/dashed1.gif) left bottom repeat-x; 	/* 定义背景图像，定位到超链接元素的底部，并沿x轴水平平铺 */
}