怎么用CSS 写出表格背景颜色渐变

html-css011

怎么用CSS 写出表格背景颜色渐变,第1张

也许是我学的还不够多,暂时不知道该怎么用CSS样式写出来表格背景颜色为渐变颜色,但是我知道怎么用css样式定义出表格的背景图片;

其实很简单,你将该图片简便区域切宽度为1像素的一小竖条就够了,然后在该表格框内定义样式:

style="height:所切背景图片高度background:url(该图的路径) repeat-x“

即可 也就是定义一个高度跟该简便图片一样高的<td>然后给它添加背景图片,然后横向平铺过去;

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

div{width:200pxheight:150pxbackground:linear-gradient(red,white)}

3、浏览器运行index.html页面,此时td中的div的背景颜色从红色到白色渐变。