博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《HTML、CSS、JavaScript 网页制作从入门到精通》——6.5 表格的行属性
阅读量:5742 次
发布时间:2019-06-18

本文共 1007 字,大约阅读时间需要 3 分钟。

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

6.5 表格的行属性

不仅可以对表格整体设置相关属性,还可以对单独的一行单元格设置相关属性。下面就介绍行的高度、行的边框颜色、行的背景和行里内容的对齐方式设置等。

6.5.1 高度控制height

使用height可以设置行的高度。

语法:

screenshot

举例:

screenshot

在代码中加粗部分的代码标记为设置表格行的高度,在浏览器中预览,可以看到第1行设置了60像素的高度,如图6.16所示。

screenshot

6.5.2 边框颜色bordercolor

可以使用bordercolor属性设置行的边框颜色。

语法:

screenshot

举例:

screenshot

在代码中加粗部分的代码标记为设置表格行的边框颜色,在浏览器中预览可以看到行设置了红色的边框效果,如图6.17所示。

screenshot

6.5.3 行背景bgcolor、background

行的bgcolor或background属性仅作用于当前行。这里设置的bgcolor颜色可以覆盖

语法:

screenshot

说明:

默认设置为透明色,即和文档背景颜色相同。bgcolor颜色值可以为颜色名或16进制等命名方法。background可以选择图像的相对地址,也可以选择绝对地址。

举例:

screenshot

在代码中加粗部分的代码标记为设置表格行的背景,在浏览器中预览可以看到第1行设置了行的背景颜色,如图6.18所示。

screenshot

有的网页中包含了大量的单元格,因此很容易让人眼花缭乱。在网页中适当地使用一些背景颜色,可以让表格变得清晰,如图6.19所示。

screenshot

6.5.4 行文字的水平对齐方式align

语法:

screenshot

举例:

screenshot

在代码中加粗部分的代码标记为设置表格行文字的对齐方式,在浏览器中预览,可以看到第1行文字左对齐、第2行文字水平居中对齐、第3行文字右对齐的效果,如图6.20所示。

screenshot

6.5.5 行文字的垂直对齐方式valign

< tr >的valign属性用来控制表格当前行的垂直对齐方式。垂直对齐方式有3种,分别是top、middle和bottom。

语法:

screenshot

举例:

screenshot

在代码中加粗部分的代码标记为设置表格行文字的对齐方式,在浏览器中预览,可以看到第1行文字顶端对齐,第2行文字居中对齐,第3行文字底部对齐,如图6.21所示。

screenshot

转载地址:http://ipszx.baihongyu.com/

你可能感兴趣的文章
7、设计模式-创建型模式-建造者模式
查看>>
Cesium官方教程11--建模人员必读
查看>>
我国古代的勾股定理
查看>>
Linux下的C编程实战
查看>>
[32期] html中部分代码与英语单词关系
查看>>
PHP安装环境,服务器不支持curl_exec的解决办法
查看>>
jQuery|元素遍历
查看>>
RedHat 6 安装配置Apache 2.2
查看>>
Openstack 安装部署指南翻译系列 之 Manila服务安装(Share Storage)
查看>>
underscore.js学习笔记
查看>>
windows下常用命令
查看>>
1.5编程基础之循环控制_29:数字反转
查看>>
组策略 之 设备安装设置
查看>>
人工智能还能干这些?这8种AI应用你可能意想不到
查看>>
实现Hyper-V 虚拟机在不同架构的处理器间迁移
查看>>
简单使用saltstack
查看>>
针对web服务器容灾自动切换方案
查看>>
突破媒体转码效率壁垒 阿里云首推倍速转码
查看>>
容器存储中那些潜在的挑战和机遇
查看>>
R语言的三种聚类方法
查看>>