Css 重复图像有困难吗_Css_Html

Css 重复图像有困难吗

css html

Css 重复图像有困难吗,css,html,Css,Html,在一个只有HTML和CSS的网站上工作。我对这个很陌生。我有一个页眉，正文和页脚，我想重复填写页面。想想看这里是我到目前为止的一些示例代码 CSS: 相应的HTML： <div class="blkside"><img src="/images/blkside.jpg"></div> 这只是我的一张唱片。3个水平重复，1个垂直重复。从我的搜索中，这些代码看起来都是正确的，但显示的并不正确。任何帮助都将不胜感激。下面是一个简单的例子 <div cl

在一个只有HTML和CSS的网站上工作。我对这个很陌生。我有一个页眉，正文和页脚，我想重复填写页面。想想看这里是我到目前为止的一些示例代码

CSS:

相应的HTML：

<div class="blkside"><img src="/images/blkside.jpg"></div>

这只是我的一张唱片。3个水平重复，1个垂直重复。从我的搜索中，这些代码看起来都是正确的，但显示的并不正确。任何帮助都将不胜感激。

下面是一个简单的例子

<div class="repeat"></div>

.repeat {
    background:url(/images/blkside.jpg) top left repeat-x;
    height:200px;
}


.重复{
背景：url（/images/blkside.jpg）左上角repeat-x；
高度：200px；
}

下面是一个简单的例子

<div class="repeat"></div>

.repeat {
    background:url(/images/blkside.jpg) top left repeat-x;
    height:200px;
}


.重复{
背景：url（/images/blkside.jpg）左上角repeat-x；
高度：200px；
}

您需要在div（高度/宽度）上设置测量值，一旦您在css中定义了图像，您就不需要将其也放入html中

您需要在div（高度/宽度）上设置测量值一旦您在css中定义了图像，就不需要将其也放入html中

在整个页面背景上重复图像的代码是：

<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>


这是网页的标题
身体
{
背景图像：
url（图片的完整链接在这里）；
背景重复：重复xy；
}

在整个页面背景上重复图像的代码是：

<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>


这是网页的标题
身体
{
背景图像：
url（图片的完整链接在这里）；
背景重复：重复xy；
}