css求助,添加hover,focus伪类后,文字变形

BugScanner 发布于 2016/03/19 17:42
阅读 300
收藏 0

【DevOps必读】产品经理与程序员之间如何破局?>>>

要实现这样的效果就是鼠标移上去,文字变成这个颜色,然后文字下面,沿着边框底部会出现一条线

我是这样写的

<div class="title"><a href="#" class="myNav-title">首页</a></div>
.title {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}

.title:focus,
.title:hover{
    text-decoration: none;
    text-align: center;
    color: #53be5b;
    border-bottom:3px solid #83be5b;
    width: 90px;
}

可是 ,却成了这样子

我哪里错了??

加载中
0
blindcat
blindcat

1.div的高没指定

2.hover时给div的宽90px够么?

一般习惯将a display:inline-block

BugScanner
BugScanner
非常感谢 display:inline-block 完美解决我的问题
0
zabcd117
zabcd117
单行文字的话,指定行高就可以了。
返回顶部
顶部