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>
最终出来的效果如下: