网页中插入的图片怎么平铺?
展开全部
如果你的图片是作为背景,在图片的宽度或者长度不够的时候,它会自动重复图片,平铺开,填满整个空间。另外:“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将图片改成自己想要的大小再使用
<!--默认的水平和垂直都平铺-->
<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将图片改成自己想要的大小再使用
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |