› 柴寒宇宸 › 日志

柴寒宇宸

http://www.javakc.com

使用列表标签，制作一个导航目录

2022-01-13 15:30:22 查看(125) 回复(0)

效果如下：

学习交流
测试题
下载
考勤
SEO

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <STYLE type="text/css">
        li{
            display: inline-block;
            background-color: #1E90FF;
            width: 90px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            margin-right:10px ;
        }
        li:hover{
            color: #FF0000;
            background-color: #00BFFF;
        }
    </STYLE>
</head>
<body>
    <table frame="none">
        <ul>
            <li>学习交流</li>
            <li>测试题</li>
            <li>下载</li>
            <li>考勤</li>
            <li>SEO</li>
        </ul>
    </table>
</body>
</html>