为什么我这个是鼠标经过的时候下划线才消失?字体颜色也没有改变。

来源:3-7 编程练习

慕姐8291699

2019-11-26 06:08

<!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">

{

    margin:0;

    padding:0;

}

.top{

    width:400px;

    height:150px;

    background-color:grey;

}

.top_content{

    width:400px;

    margin:0 auto;

}

.top_content h3{

    float:left;

    width:80px;

}    

.top_content li{

    display:block;

    float:right;

    width:70px;

    line-height:150px;

    margin:0 auto;

}

.top-content a:link,.top_content a:visited{

    color:purple;

    text-decoration:none;

}

.top_content a:hover,.top_content a:active{

    color:golden;

    text-decoration:none;

}

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




</style>

</head>


<body>

<div class="top">

    <div class="top_content">

<h3>课程难度</h3>


<ul>

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

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

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

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

</ul>

    </div>

</div>   


写回答 关注

1回答

  • 月缀_0
    2019-11-30 15:20:34

    .top-content 这个类名写错了,中间的横线不对

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题