用CSS下划线距离
但在我在CSS中新加了TEXT-DECORATION: underline; 后发现下划线离文本太近了,很难看。
代码一:
a { text-decoration: none; background: url(underline.gif) repeat-x 100% 100%; padding-bottom: 4px; white-space: nowrap; }
代码二:
a { text-decoration: none; padding:0 0 6 0; border-bottom-color:0; border-bottom-width:1px; border-bottom-style:solid; }
代码三:
a{ text-decoration:none; border-bottom:1px solid #ccc; /* #ccc换成链接的颜色 */ display: inline-block; padding-bottom:10px; /*这里设置你要空的距离*/ }