代码怎么变成一块了,而且去除下划线也失败了,大神帮下忙

来源:3-7 编程练习

th5t4ft

2017-08-08 16:04

http://img.mukewang.com/5989700c0001da8001960172.jpg

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

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

ul li

{

    list-style-type:none;

    float:left;

    width:50px;

    height:30px;

    text-align:center;

    line-height:30px;

}

li a:link,li a:visited

{

    color:black;

    text-decoration:none;

}

li a:hover,li a:actived

{

    display:block;

    color:white;

    text-decoration:none;

    background-color:#BE3948;

}

</style>

</head>


<body>

<h3>课程难度</h3>


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

<table>

    <p>课程难度</p>

    <tr>

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

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

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

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

    </tr>

</table>




</body>

</html>


写回答 关注

2回答

  • 阿阿影
    2017-08-08 19:53:16
    已采纳

    <table>

        <p>课程难度</p>

        <tr>

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

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

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

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

        </tr>

    </table>

    这里有问题吧

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

    <ul>

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

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

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

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

    </ul>

    这样就好了。

    th5t4f...

    非常感谢!

    2017-08-09 10:28:10

    共 1 条回复 >

  • 阿阿影
    2017-08-08 19:54:26

    body里你用的是td和tr,样式里却是ul和li,怎么会有效果呢?!

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题