css中怎么设置表格的背景颜色

html-css017

css中怎么设置表格的背景颜色,第1张

HTML在CSS中设置背景后,无法设置表格背景颜色是因为css中代码书写错误的原因。

css中设置表格背景颜色的代码为background-color,正确书写方式为:

.tableB {

background-color:#FFFFFF

}

这里就涉及到css样式的优先级了。

从大的方面将,html文档中样式有三种定义方式。

1、外部样式,通过link引用外部样式文件,如<link rel="stylesheet" type="text/css" href="style.css"/>

2、内部样式,在html文档中定义样式,如h3{color:green}

3、内嵌样式,在某个dom元素上定义style。

这三种方式的优先级从1-3逐渐增强。

如果同时定义了好几个样式作用于一个元素上,则最终起作用的按照以下优先级。

1. 内联样式表的权值最高 1000;

2. ID 选择器的权值为 100

3. Class 类选择器的权值为 10

4. HTML 标签选择器的权值为 1

权值越高的就优先起作用。

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

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

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

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