《HTML、CSS、JavaScript 网页制作从入门到精通》——6.2 表格基本属性

    xiaoxiao2024-05-17  119

    本节书摘来自异步社区《HTML、CSS、JavaScript 网页制作从入门到精通》一书中的第6章,第6.2节,作者:【美】John Resig(莱西格) , Bear Bibeault(贝比奥特) 译者: 徐涛 更多章节内容可以访问云栖社区“异步社区”公众号查看。

    6.2 表格基本属性

    HTML、CSS、JavaScript 网页制作从入门到精通为了使所创建的表格更加美观、醒目,需要对表格的属性进行设置,主要包括表格的宽度、高度和对齐方式等。

    6.2.1 表格宽度width可以使用表格的width属性来设置表格的宽度。如果不指定表格宽度,浏览器就会根据表格内容的多少自动调整宽度。

    语法:

    说明:

    表格宽度的值可以是像素值,也可以为百分比。

    举例:

    在代码中加粗部分的代码标记是设置表格的宽度为500像素,在浏览器中预览可以看到效果如图6.5所示。

    6.2.2 表格高度height可以使用表格的height属性来设置表格的高度。

    语法:

    说明:

    表格高度的值可以是像素值,也可以为百分比。

    举例:

    在代码中加粗部分的代码标记是设置表格的高度,在浏览器中预览可以看到将表格的高度设置为130像素的效果,如图6.6所示。

    6.2.3 表格对齐方式align可以使用表格的align属性来设置表格的对齐方式。

    语法:

    说明:

    align参数的取值见表6-1所示。

    举例:

    在代码中加粗部分的标记为设置表格的对齐方式,在浏览器中预览可以看到表格为居中对齐,如图6.7所示。

    提示

    虽然整个表格在浏览器页面范围内居中对齐,但是表格里单元格的对齐方式并不会因此而改变。如果要改变单元格的对齐方式,就需要在行、列或单元格内另行定义。表格的基本属性在网页制作的过程中应用是非常广泛的,如图6.8所示为使用表格的基本属性布局的网页。

    相关资源:精通JS脚本之ExtJS框架.part2.rar
    最新回复(0)