html流星雨特效代码_html5背景颜色代码

大家好，我是讯享网，大家多多关注。

在网站建设和开发中，几乎每个网站都会用到表格，使用css样式表改变表格或单元格的背景颜色并不陌生。本文的主题，通过一些技术上的探索，告诉你一种在设计网站时改变HTML表格背景色的新方法。这些年来，在网站上改变表格各部分背景颜色的方法已经改变，随着样式表的引入变得更加容易。旧的方法使用属性bgcolor来改变表格的背景色。它还可以用来改变表格行或表格单元格的颜色。但是，bgcolor属性已被弃用，并被样式表所取代，因此它不是处理表格背景色的最佳方式。更改背景色的一个更好的方法是向表格、行或单元格标记添加样式属性背景色。

网站设计时更改HTML表格背景色的新方法探索网站设计中改变HTML表格背景颜色的新方法

以下示例更改整个表格的背景色:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt& lt表格样式= & # 34；背景色:# ff0000″& gt

要更改单线的颜色，请单击< tr & gt在标签中插入背景颜色属性:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt& lttr style = & # 34背景色:黄色；”& gt

可以将属性添加到

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt& lttd style = & # 34背景色:# 000；”& gt& lt/pre & gt；

您也可以将背景色应用于页眉或<；th & gt；标记:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt& ltth style = & # 34背景色:# 000；”& gt& lt/pre & gt；

使用样式表更改背景颜色。

但是，最好避免使用背景色属性，而使用格式良好的样式表。例如，您可以在HTML文档标题的样式表或外部样式表中设置样式。类似于标题或外部样式表中的更改可能会在表格、行和单元格中显示如下:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt表{ background-color:# ff 0000；}

tr {背景色:黄色；}

td {背景色:# 000；} & lt/pre & gt；

设置列背景颜色

设置列背景色的最好方法是创建一个样式类，然后将该类分配给列中的单元格。创建类允许您使用属性将该类分配给特定列中的单元格。

CSS:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gttd。ColColor {背景色:蓝色；}

HTML:

& ltpre style = & # 34框大小:边框-框；空白:预换行；颜色:# ffffff背景:# 3f3f3f填充:13px 20px溢出-x:auto；字体大小:16px”& gt& lt表& gt

& lttr & gt& lttd class = & # 34ColColor & # 34& gt单元格1 & lt/TD & gt；& lttd & gt单元格2 & lt/TD & gt；& lt/tr & gt；

& lttr & gt& lttd class = & # 34ColColor & # 34& gt单元格1 & lt/TD & gt；& lttd & gt单元格2 & lt/TD & gt；& lt/tr & gt；

& lt/table & gt；& lt/pre & gt；

通过样式表控制背景颜色的一个显著优点是，您可以在以后更改颜色选择。您可以对CSS中的颜色选择进行一次更改，而不是遍历HTML文档并对每个单元格进行更改，这将立即应用于出现class = “colcolor “语法的每个实例。虽然在HTML中插入CSS或者调用单独的CSS文件会增加一些管理开销，而不仅仅是修改HTML属性，但是你会发现依靠CSS可以减少错误，加快开发速度，提高文档可移植性。