css实现背景拉伸

2016-02-19 18:54 3 1 收藏

有了下面这个css实现背景拉伸教程，不懂css实现背景拉伸的也能装懂了，赶紧get起来装逼一下吧！

【 tulaoshi.com - Web开发】

制作页面时，有时需要在表格内插入背景图,而这种背景图片是渐变的，需要进行拉伸处理这个时候我们可以使用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" nbsp;/td
      /tr

    /table

来源:https://www.tulaoshi.com/n/20160219/1619466.html

上一篇：我一直都在想你,只是有些心痛,仅此而已
下一篇： End @ 曾经

看过《css实现背景拉伸》的人还看了以下文章更多>>

css实现背景拉伸 02-19
用ASP+CSS实现随机背景 01-29
用CSS实现背景半透明效果的方法实现 02-19
css 如何让背景图片拉伸填充避免重复显示 02-19
CSS背景：background 02-19
使用CSS固定背景 02-19
CSS教程:CSS背景全攻略 02-17
实现透视效果用css来实现 02-20
div+css实现鼠标放上去背景跟图片都会变化 02-19
用javascript/css实现GridView行背景色交替、点击行变色 02-19

CSS教程(2)：通过实例学习CSS背景

标签： Web开发

本教程一共三个例子：1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。参考网页教学网关于CSS背景的理论知识：CSS教程(1)：学习CSS背景相关知识 1、设置背景颜色本例演示如何为元素设置背景颜色。 html head style type="text/css" body {background-color: yellow} h1 {background-color: #00ff00} h2 {backg...

CSS教程(1)：学习CSS背景相关知识

标签： Web开发

CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为灰色： p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸，只需增加一些内...

CSS教程(4)：通过实例学习CSS背景

标签： Web开发

本教程介绍：1.如何仅显示一次背景图像，2.如何放置背景图像，3.如何使用%来定位背景图像。参考网页教学网关于CSS背景的理论知识：。 1、如何仅显示一次背景图像本例演示如何仅显示一次背景图像。 html head style type="text/css" body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat } /style /...

CSS教程(3)：通过实例学习CSS背景

标签： Web开发

本教程一共三个例子：1、如何重复背景图像;2、如何在垂直方向重复背景图像;3、如何在水平方向重复背景图像。参考网页教学网关于CSS背景的理论知识：。 1、如何重复背景图像本例演示如何重复背景图像。 html head style type="text/css" body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat } /style...

CSS教程(5)：通过实例学习CSS背景

标签： Web开发

本CSS教程介绍：1.如何使用像素来定位背景图像，2.如何设置固定的背景图像，3.所有背景属性在一个声明之中。参考网页教学网关于CSS背景的理论知识：。 1、如何使用像素来定位背景图像本例演示如何使用像素来在页面上定位背景图像。 html head style type="text/css" body { background-image: url('/i/eg_bg_03.gif'); backg...

查看更多精彩>>