html表格的美化修饰

《html表格的美化修饰》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、HTML表格的美化修饰不知道大家发现没有？这之前创建的表格都非常简陋、简单、难看。如何创建一个布局协调、色调统一、美观、大方的表格？这就涉及到对表格的美化修饰。本节单词记忆：属性1.cellspacing2.cellpadding网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。一、什么是表格的美化修饰表格的美化修饰就是从多方面对表格进行美化修饰，使表格看上去更漂亮、更美观、更合理。对表格进行美化修饰时，主要从以下几个

2、方面进行：●表格的高度、宽度和边框。●表格、行、列的背景。●表格、行、列的对齐方式。●表格的填充、间距属性。如图1所示就是经过美化修饰之后的表格。图1美化修饰过的表格二、如何对表格进行美化修饰1.如何设置表格的尺寸和边框如果不指定表格的高度和宽度，浏览器就会根据表格内容的多少自动调整高度和宽度。如果不指定表格的边框的宽度(border属性)，则浏览器将不显示表格边框。若我们既想设置表格的高度和宽度，又想设置表格边框的宽度，那么就得设置表格的高度、宽度和边框属性。语法:设置表格的宽度、高度和边框的基本语法：

3、idth="表格宽度"height="表格高度"border="表格边框宽度">   ……其中，表格的宽度和高度可以用像素来表示，也可以用百分比（与浏览器当前窗口相比的大小比例）来表示。表格边框宽度只能用像素来表示。WANGYEXX.COM例如：表示一个宽为200像素，高为100像素的表格。表示一个宽为当前浏览器窗口宽度的50%，高为当前浏览器窗口高度的25%的表格。示例1:

4、EAD>    品牌商城     笔记本电脑   办公设备、文具、耗材     惠普   华硕   打印机  

5、 刻录盘 示例1运行效果如图2所示。图2表格的尺寸和边框小经验：表格中border属性只能影响表格四周的边框宽度，而不能影响表格内单元格之间边框尺寸。过宽的边框会影响表格的整体美观，因此一般边框宽度设置不应超过5像素。2.如何设置背景(1)表格背景表格背景包括表格的背景颜色和背景图像的设置，表格的背景颜色属性bgcolor是针对整个表格的，表格的背景图像属性background也是针对整个表格的，背景图像会令表格更加美观、更加活泼生动。语法:设置表

6、格背景基本语法：   ……(2)行背景色不仅可以对表格整体设置背景，还可以对单独一行设置背景色，行的bgcolor颜色可以覆盖