繁体   English   中英

包装器 div 的背景图像不起作用

[英]background-image for wrapper div is not working

我必须设计一个带有框架集的网站。

我想制作一个带有主页的框架,另一个带有右侧的菜单。 但是框架集大多数时候都很丑,不是吗? 所以我想为包装器 div 定义一个背景图像,并在#4e4e4e的左侧定义一个小边框,使其更好看。 但这不起作用。 即使它似乎嵌入正确,我也看不到任何图像。

你能告诉我如何用左灰色边框做那件事吗? 我想到了包装器的左边框,但我不确定。

谢谢!

<style>
#wrapper {
    background-image: url(../img/rook/img/fever.jpg);
    background-color: #4e4e4e;
    width: 500px;
    height: 200px;
    border: 1px solid red;
    padding: 20px;
}
</style>
</head>
<body>
    <div id=wrapper">
        <ul>
            <li>Main</li>
            <li>History</li>
        </ul>
        <br>
        <!--...-->
    </div>
<div id = "wrapper">
...
</div>

您在 ID“包装器”周围缺少引号

它应该是这样的:

<body>
  <div id="wrapper">
  ...
  </div>
</body>
<div id=wrapper">

只是更正这一行

<div id="wrapper">

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM