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>

效果图:

相关