【CSS】a标签样式与div行距

a标签，也就是超级链接，的样式问题，主要包括如果设置鼠标悬停到a标签上后变成手形的问题与a标签去掉下划线的问题。

虽然很简单，但是经常忘记。

一、a标签的手型问题

如何让鼠标悬停到a标签上后变成手形？

a {cursor:pointer;}

a标签去掉手型则是：

a {cursor:default;}

二、去掉a标签的下划线

正常状态下的a标签是有下划线的，使用如下样式则可以去掉a标签的下划线

a {text-decoration:none;}

比如如下的代码：

<a href="#">sss</a><a href="#" style="text-decoration:none;">sss</a>

出来的效果如下图：

三、div的行距问题

有时候我们对div默认的行距不满意，同样也是一个简单的style样式可以修改。具体是：

div{line-height:30px}

用css设置行高！比如如上代码就设置了div的行距为30px，比如同时宽100px的div，一个行距为默认的行距，一个设置行距为30px。

<div style="width:100px">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div><div style="width:100px;line-height:30px">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

最终出来的效果如下：