关于top内容

来源:3-2 企业网站制作之页面头部制作(一)

小南风oo

2017-12-14 19:57

http://img4.mukewang.com/5a3266da0001c14319180060.jpg

那个背景图片死活弄不下来,很苦恼。大概是什么原因呢,感觉代码没错啊。

写回答 关注

1回答

  • 小南风oo
    2017-12-14 19:58:43

    <!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=utf-8" />

    <title>企业网站实例</title>

    <link rel="stylesheet" href="reset.css" type="text/css" />

    <link rel="stylesheet" href="css/box.css" type="text/css" />

    </head>

    <body>

    <div id="container">

    <div id="head">

    <div id="head1">

    <div id="top">

    <li><a href="#">联系我们</a></li>

    <li><a href="#">加入收藏</a></li>

    <li><a href="#">设为首页</a></li>

    </div>

    </div>

    <div id="head2"></div>

    </div>

    <div id="main">

    <div id="left"></div>

    <div id="zhong"></div>

    <div id="right"></div>

    </div>

    <div id="foot"></div>

    </div>

    </body>

    </html>




    * {

    padding: 0;

    margin: 0;

    font-size: 12px;

    }

    body {

    background-color: #F5F5F5;

    }

    #head1{

    width: 100%;

    height: 27px;

    background: url(../image/top_bg.jpg) repeat-x;

    }

    #top{

    width: 1000px;

        margin: 0px auto;

        line-height: 27px;

    }

    #top li

    {

    list-style:none;

    float: right;

    background: url(../image/arrow.jpg) no-repeat;

    width: 70px;

    }


    小南风oo

    html 和css代码

    2017-12-14 19:59:24

    共 1 条回复 >

企业网站综合布局实战

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

157038 学习 · 2157 问题

查看课程

相似问题