html,表格背景颜色
font color=#ff0000篇一: HTML表格美化修饰font
HTML表格美化装饰
不知道大家有没有注意到? 之前制作的表格很简陋,简单,很难看。 如何创建布局协调、色调统一、美观大方的表格? 这关系到表的美化修饰。 本节单词记忆:属性1.cellspacing 2.cellpadding
主页提示: html语言非常简单,不需要逻辑理解,但大多数朋友觉得很难掌握它。 90%的原因是英语单词有关,所以一节中需要记住几个单词。
一.什么是表美化修饰
表面美化装饰是从多个方面对表面进行美化装饰,使表面看起来更美丽、更美丽、更合理。 美化表格时,主要从表格的高度、宽度、边框开始进行。
表、行、列的背景。
表格、行、列的对齐方式。
表格填充、间隔属性。
图1显示了美化后的表。
图1美化装饰的表面
二、如何美化修饰表格
1 .表格大小和边框的设定方法
如果不指定表的高度和宽度,浏览器会根据表的内容自动调整高度和宽度。 如果不指定表格边框的宽度(边框属性),则浏览器不会显示表格边框。 如果要同时设置表的高度和宽度,则必须设置表的高度、宽度和边框属性。
语法:
设置表的宽度、高度和边框的基本语法。
其中,表格的宽度和高度可以用像素表示,也可以用百分比(与浏览器当前窗口相比大小的百分比)表示。 表格边框的宽度只能用像素表示。 WANGYEXX.COM示例:
浏览器窗口高度的25%的表。
样本1:
例1运转效果如图2所示。
图2表格大小和边框
经验不足:表中的边框属性只影响表周围的边框宽度,不影响表中单元格之间的边框大小。 边框宽度太宽会影响整个表格的外观,因此常规边框宽度设置不应超过5像素。
2 .背景的设定方法
(1)表格背景
表的背景包括表的背景颜色和背景图像的设置。 表的背景颜色属性bgcolor适用于整个表,表的背景图像属性background也适用于整个表。 背景图像显示表格
更美丽,更活泼生动。
语法:
要设置表背景的基本语法:
)2)行背景色
不仅可以为整个表设置背景色,还可以为单行设置背景色。 可以覆盖行的bgcolor颜色
语法:
要设置行背景颜色的基本语法:
)3)单元格背景颜色
不仅可以为表中的行设置背景色,还可以为表中的每个单元格设置背景色。 单元格的bgcolor颜色可以复盖行的bgcolor属性。
语法:
要设置单元格背景颜色的基本语法:
样本2:
background=images/type_bac