菜单（超链接填满容器的菜单代码）

来源：互联网发布：windows执行shell脚本编辑：程序博客网时间：2024/05/17 06:04

<!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>
    <title>menu</title>
    <style type="text/css">
        .menu
        {
            width: 600px;
            height: 40px;
            line-height: 40px;
            background-color: #ffff00;
        }
        .menu ul
        {
            overflow: hidden;
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
        .menu ul li
        {
            float: left;
            list-style-type: none;
        }
        .menu ul li a
        {
            display: block;
            padding-left: 10px;
            padding-right: 10px;
        }
    </style>
</head>
<body>
    <div class="menu">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">产品中心</a></li>
            <li><a href="#">首页</a></li>
        </ul>
    </div>
</body>
</html>

0 0