问答详情
源自: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">

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


li {

    width: 50px;

    height: 30px;

    float: left;

    list-style: none;

    text-align: center;

    

}


a {

    display: block;

    line-height: 30px;

    

}


li a:link, li a:visited {

    color: black;

    text-decoration: none;

}



li a:hover, li a:active {

    color: white;

    background-color: #BE3948;

    text-decoration: none;

}



</style>

</head>


<body>

<h3>课程难度</h3>

<!--在此制作一个无序列表-->

<ul>

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

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

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

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

</ul>




</body>

</html>


提问者:慕仔8485711 2021-07-01 18:02

个回答

  • 慕梦前来
    2021-10-11 19:29:10

    感谢一下吧,不错写得