gpt4 book ai didi

html - 重复图像 HTML 和 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 15:59:33 24 4
gpt4 key购买 nike

我对如何使用 html 和 css 获取重复图像有点困惑。我这里有这段代码:

<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>

<div id="top_background"></div>

</body>
</html>

然后在 style.css 中:

/* Reset CSS */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }

:focus { outline: 0; }

/* Content */

#top_background { background: url(images/header.png) repeat-x; }

但是当我加载文件时,它只是一个空白网页。取出'repeat-x'不会改变任何东西。我对 html 和 css 还很陌生,所以我可能会做一些完全错误的事情。谢谢!

最佳答案

因为它是空的,所以您的 <div>有 0 height .

您应该在 CSS 中设置高度。

关于html - 重复图像 HTML 和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10004208/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com