如何将背景设置为可变高度的 div？答案

【问题标题】：How to set a background to a div of variable height?如何将背景设置为可变高度的 div？
【发布时间】：2010-08-29 07:04:12
【问题描述】：

刚刚完成我的大学项目，我想放置一个背景图像作为 div 背景。 div 位于右侧，即“主要内容”区域。

我在哪里可以找到笔记本类型的背景图像来模拟表格在教科书中？另外，我怎样才能解释表格的可变高度？只是拉伸图像？

有教程吗？

【问题讨论】：

标签： css html background-image

【解决方案1】：

你可以尝试 css background-repeat 属性并确保创建一个可以重复的图像...

【讨论】：

【解决方案2】：

实际上你需要两张图片，一张图片会重复做背景，第二张图片会留在你喜欢的右侧或左侧或顶部或底部............它工作你将需要两个 div，一个外部和一个内部.....这是工作的 css

.blueout{width:650px;
margin-left:0;
margin-top:10px;
background:#fff url(images/repeated-background.gif) repeat-y left top;
padding-left:20px;
}
.bluein{
background:#fff url(images/corner1.jpg) right top no-repeat;
padding:1em 1em 1em 0;
}

这是它的 html....

<div class="blueout">
<div class="bluein">

<p>some text here</p>

</div>
</div>

repeat-y 表示它将向 y 轴（垂直）重复，您可以将其更改为水平，这取决于您的背景切片.....

希望这会有所帮助....

【讨论】：