我需要一些帮助. 这就是我现在所得到的： img ref 我需要渐变来使用CSS垂直伸展自己. 这是我的CSS HTML的代码. html head titleTest Site 1 - Color Palettes and Scheme Test/title link rel="stylesheet" href="Tes
这就是我现在所得到的：
img ref
我需要渐变来使用CSS垂直伸展自己.
这是我的CSS HTML的代码.
<html>
<head>
<title>Test Site 1 - Color Palettes and Scheme Test</title>
<link rel="stylesheet" href="TestSiteCSS.css" type="text/css">
</head>
<body>
<div class="Content">
<img src="Logo.png" alt="Logo MiCompra" />
<H1>Bienvenidos a MiCompra!</H1>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
<p>Bienvenidos a MiCompra. Compre lo que quiera, cuando quiera.</p>
</div>
</body>
</html>
/ Separete CSS文件/
body
{
background-image: url("TestPatternClouds.png");
background-repeat: repeat;
margin: auto;
width: 780px; /* or other value */
}
.Content
{
margin: auto;
width: 780px; /* or other value */
/*background-color: #4AD0EB;*/
background-image: url("TestContentBackground.png");
back
}
你无法伸展它.但是,您可以做的是将其背景重复更改为repeat-x并将背景颜色设置为等于图像底部的颜色.这将仅在垂直方向上显示一次渐变,然后显示纯色,两者之间没有接缝