为什么我划过li的时候红色背景块显示的没有最终效果一样大

来源:3-7 编程练习

qq_Justcomplete_04021004

2017-08-19 21:37

<style type="text/css">

/*在此定义相关样式,控制列表的显示形式*/

body{

    height:150px;

    width:300px;

     border:1px solid white;

h3{

    font-size:;20px;

    font-weight:bold;

 

}

.mid{

    height:80px;


}

   

}

.mid li{

    list-style-type:none;

    float:left;

    margin-right:10px;

    

}

.mid a:link,a:visited{

    text-decoration:none;

    color:black;

}

.mid a:hover,a:active{

    color:white;

   background-color:#be3948;

   display:block;

}


</style>


写回答 关注

4回答

  • Gemma_Tong
    2017-08-20 18:13:57
    已采纳

    li要加高度和行高

    line-height: 30px;

    height: 30px;


    qq_Jus...

    非常感谢!

    2017-08-21 09:03:57

    共 1 条回复 >

  • 不成大触不可熟睡
    2018-02-24 16:55:09

    a{display:block;

    height:30px;

    width:50px;}

    a:hover{

    background:red;}

  • 慕雪6989298
    2017-11-22 23:00:00

    设置li:hover{

    background:red}就可以了

    慕雪6989...

    背景色是li的不是a的。

    2017-11-22 23:01:07

    共 1 条回复 >

  • qq_Sunshine暖阳_0
    2017-08-19 22:25:31

    的确有些奇怪。。。试了一下


    qq_Jus...

    请问您知道原因么

    2017-08-20 17:41:41

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题