欢迎来到天天文库
浏览记录
ID:58998798
大小:202.50 KB
页数:33页
时间:2020-09-27
《轻松学HTML+CSS之表格ppt课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第8章表格表格是网页的一个重要容器元素,可包含文字和图像。表格使网页结构紧凑整齐,使网页内容通俗易懂。表格的使用方法灵活,但内容繁多。本章我们就来介绍表格的使用方法。8.1表格的构建表格由
2、。
3、性,引起读者极大的兴趣。表格的外观包括表格内容的颜色变换、对齐方式、表格的背景颜色等,下面我们就来详细介绍有关表格外观的设置。8.2.1宽度(width)和高度(height)当单元格中的内容较多时,需要调整表格单元格的高度和宽度。通常使用width属性定义表格宽度,height属性定义表格的高度,定义语法结构如下所示:8.2.2背景颜色和图像网页背景的设置也是网页设计过程中最为常见的网页元素。其中,网页背景不仅可以添加背景颜色,还可以添加背景图像。下面我们就分别来介绍在HTML和CSS中设置背景颜色和图像。1.在HTML中定义背景网页可以添
4、加背景颜色和图像,同样,表格也可以添加背景颜色和图像,使表格的外观更加美观。通过标签和标签进行定义,定义语法规则如下所示:2.在CSS中定义背景在CSS中,定义背景的方法是现在较为流行的一种定义方式,使用background-color属性对背景颜色进行定义。定义语法如下:8.2.3间距、表格填充表格的间距、填充影响着表格的外观形式,下面我们就来详细介绍间距、表格的填充设置,使得表格的外观更清晰明了、大方美观。1.间距(cellspacing)间距是指表格的边框边距,通过cellspacing属性
5、定义。形式如下图8.2中所示,箭头之间的距离就表示间距。2.表格填充(cellpadding)表格填充是指单元格内容与单元格边框之间的距离,通过cellpadding属性进行定义。在
6、齐,通过align属性定义。定义语法规则如下所示:2.垂直对齐(valign)垂直对齐放在行里面,是指行里面的内容都进行垂直对齐,通过valign属性进行定义。定义语法规则如下所示:3.在CSS中定义表格文本对齐在CSS中,表格文本的对齐方式通常使用text-align和vertical-valign属性定义。定义水平对齐方式语法格式如下所示:定义垂直对齐方式语法格式如下所示:8.3边框边框是表格中很重要的一个部分,它可以排版网站,也可以美化网站。边框的使用也是非常广泛的,本节我们就来详细讲解边框的各种用法。8.3.1边框宽度(border)
7、边框宽度是指给表格的边框设置一个宽度,用来隔开表格和内容。通过border属性进行定义,放在
8、边框。亮边框颜色是指左边框和上边框的颜色,通过bordercolorlight属性进行定义,而下边框和右边框仍是系统默认颜色。定义语法形式如下所示:8.3.2边框颜
此文档下载收益归作者所有