问答详情
源自：3-7 编程练习

字体变成红色失败，变为块级元素也失败。哪里的问题怎么改都不对？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>3.1页面头部制作练习题</title>

<style type="text/css">

body{

    margin:0;

    background-color:grey;

}

.h3{

    float:left;

    width:80px;

}    

.top li{

    display:block;

    float:right;

    width:70px;

    line-height:50px;

    margin:0 auto;

}

.top a:link{

    color:red;

    text-decoration:none;

}

.top a:hover{

    color:blue;

    text-decoration:none;

}


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




</style>

</head>


<body>

<h3>课程难度</h3>

<div class="top">

<ul>

    <li><a href="#">高级</a></li>

    <li><a href="#">中级</a></li>

    <li><a href="#">初级</a></li>

    <li><a href="#">全部</a></li>

</ul>

    </div>

</div>    




</body>

</html>


提问者：慕姐8291699 2019-11-30 04:24

个回答

  • qq_慕雪5345453
    2020-03-23 17:07:03

    你的top-li没有设置高度，display没有起作用，可以连起来写

    .top li,.top a:hover,.top a:active{

    width:50px;

    heitht:30px;

    display:block;

    background-color:red;

    float:left;

    }

    0
  • 慕工程4452298
    2020-03-12 11:00:09

    题目没说让字体变红吧，是背景变红。

    就算你想让字体变红，a:link和a:visited 也要同时设置才行，

    .top a:link,.top a:visited{

    }

    0
  • 月缀_0
    2019-11-30 15:18:41

    把a标签变为块级元素，display:block

    0