CSS文字和下划线间距问题

html-css012

CSS文字和下划线间距问题,第1张

这个超链接都是系统默认的，它是有一定空隙和间距的，你说的问题我也碰到过，是中间有地方代码错了，少代码或者代码不规范，再认真检查一下，问题也就出来了。

还有一种解决方法也很快

a:link,a:visited{color#000font-size:12pxtext-decoration:none}

a:hover{border-bottom:1px solid #000color:#ff0000}

如果你感觉还是紧的话，就在a:hover加放padding-bottom:2px这个可以调大小。

可以使用 letter-spacing:*px来控制文字间距，*px是指间距像素

这个不仅可以用在li里，其它需要文字排版的地方都可以使用

举个例子：

.list li {width:200pxtext-align:centerheight:22pxline-height:22pxletter-spacing:5pxoverflow:hiddenclear:both}

说明.list li {li宽度200px 文字居中 li高度22px 行高22px 字间距5px 超出部份隐藏 清除}