使用仅包含HTML和CSS的网站。我很陌生。我有一个标题,正文和页脚,我想重复填写页面。想想envato.com。
这是我到目前为止的一些示例代码。
CSS:
.blkside {
z-index:99;
background-image: url(/images/blkside.jpg);
background-repeat: repeat-x;
top:0px;
right:85px;
position: absolute;
}
相应的HTML:
<div class="blkside"><img src="/images/blkside.jpg"></div>
这只是我所拥有的一个div。 3水平重复,1垂直重复。从我的搜索,这一切看起来正确的代码明智,但没有显示正确。任何帮助将不胜感激。
答案 0 :(得分:1)
下面的简单示例。
<div class="repeat"></div>
.repeat {
background:url(/images/blkside.jpg) top left repeat-x;
height:200px;
}
答案 1 :(得分:0)
你需要在div(高度/宽度)上设置测量值,一旦在css中定义图像,你也不需要将它放在html中
答案 2 :(得分:0)
在整个页面背景上重复图像的代码是:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>this is the title of the web page</title>
<style type="text/css">
body
{
background-image:
url(full link to your image goes here);
background-repeat: repeat-xy;
}
</style>
</head>
<body>
</body>
</html>