网页中插入的图片怎么平铺?

网页中插入的图片怎么平铺?给我一段代码(HTML的)我想让插入的背景平铺!!!... 网页中插入的图片怎么平铺?给我一段代码(HTML的)
我想让插入的背景 平铺!!!
展开
 我来答
shan1989Hnu
推荐于2016-07-11 · 超过13用户采纳过TA的回答
知道答主
回答量:25
采纳率:0%
帮助的人:0
展开全部
如果你的图片是作为背景,在图片的宽度或者长度不够的时候,它会自动重复图片,平铺开,填满整个空间。另外:“background-repeat:no-repeat;”不要背景平铺,background-repeat:repeat-x;这是水平平铺,background-repeat:repeat-y;这是垂直平铺。
<!--默认的水平和垂直都平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif)">
你的内容
</td>
</tr>
</table>
<br />
<!--只有水平平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) repeat-x" valign="top" >
你的内容
</td>
</tr>
</table>
<br />
<!--只有垂直平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) repeat-y" valign="top" >
你的内容
</td>
</tr>
</table>
<br />
<!--无平铺,可以调节背景图片的大小来使它正好填充背景-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) no-repeat" valign="top" >
你的内容
</td>
</tr>
</table>

要是你不做背景,要的是整张图片铺开,不要重复,那么就设图片的长宽比例都为100%,如:
<table align="center">
<tr>
<td width="200px" height="20px">
<img src="1.bmp" width="100%" height="100%"/>
</td>
</tr>
</table>
但是这样可能会使图片变形,建议用PS将图片改成自己想要的大小再使用
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式