css背景图片拉伸显示实现方法

发布时间:2019-10-26编辑:脚本学堂
本文介绍了用css代码实现背景图片拉伸显示的方法,有需要的朋友参考下。

在设计页面时,有时需要在表格内插入背景图,而这种背景图片是渐变的,需要进行拉伸处理,可以使用CSS进行控制。

一,css定义
 

复制代码 代码示例:
.left_table_middle {
MARGIN: 0px ; ;PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MIN-HEIGHT: 10px; BACKGROUND: url(images/leftboxContentBg.jpg) #edf6fb repeat-x 0px 0px;COLOR:#4d9ecf;
}
 

padding表示空白,可以设置为0 repeat-x 表示横向和纵向平铺

二,html代码:
 

复制代码 代码示例:
<table width="200" class="left_table_middle">
<tr>
<td height="100"></td>
</tr>
</table>

如此,用几行css代码,即实现了背景图片的拉伸显示了,是不是很简单呢?!