html-导航页面 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html-导航页面</title>
    <style type="text/css">
    div{
        background: url(C:/Users/邱/Desktop/image/image/h_bg.jpg) no-repeat;width: 980px;height: 150px;
    }    
    li{
        width: 84px;
        font-weight:bold;
        margin-top: 100px;
        font-size: 10px;
        line-height: 24px;
        float:left;
        text-decoration: underline;
    }
    li:hover{
        font-size: 18px;
    }</style>

</head>
<body>
    <div>            
        <ul>
            <li>首页</li>
            <li>家用电器</li>
            <li>手机数码</li>
            <li>日用百货</li>
            <li>书籍</li>
            <li>帮助中心</li>
            <li>免费开点</li>
            <li>全球咨询</li>
        </ul>    
    </div>
</body>
</html>

效果图：

posted @ 2022-03-14 20:21  今天又双叒叕在敲代码  阅读(294)  评论(0)  编辑  收藏  举报