gpt4 book ai didi

css - 表格标题背景图像垂直平铺

转载 作者:行者123 更新时间:2023-12-02 01:23:19 25 4
gpt4 key购买 nike

我有一个渐变图像作为表格标题的背景(9x18pix)。该图像是通过选择器类调用的。当标题内容增长到2行(垂直高度增加)时,背景图像垂直平铺并且看起来很难看。如何在不平铺的情况下垂直拉伸(stretch)背景图像?

最佳答案

你无法拉伸(stretch)它。好吧,如果没有一些令人讨厌的 CSS hack,这将无法真正在所有可用的浏览器中工作。我不会使用它们(除非您的 HTML 代码仅针对单个浏览器,例如,如果它是供内部使用的页面并且所使用的浏览器是已知的)。不过,您可以使其仅向一个方向重复。这就是您在使用渐变时通常想要的效果。

background-repeat: repeat-x;

这是一个示例图像:

alt text

这是使用它的 HTML 代码

<html>
<head><title>Gradient Test</title>
<style type="text/css">
th {
color:brown;
background-image:url(http://img222.imageshack.us/img222/6586/fillhz2.png);
background-repeat:repeat-x;
margin: 0;
}
</style>
</head>
<body>
<table>
<tr>
<th>One line</th>
<th>Three<br>lines<br>of text</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
</table>
</body>
</html>

它会重复,但仅限于一个方向。通常渐变可以在一个方向内安全地重复,无需拉伸(stretch)它。

关于css - 表格标题背景图像垂直平铺,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/264822/

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