您的位置:首页 > Web前端 > HTML

HTML基础知识二(页面属性、注释、表格、设置表框颜色)

2016-05-09 20:56 836 查看
1、 页面属性:

(1) body属性

bgcolor:设置背景颜色

background:设置背景图片

如果两个同时设置,优先级读取background

例子:

(2) 注释

解释某段内容:<!—解释内容-->

注释一段内容:<!—注释内容-->

2、 表格<table></table>

<table>

<tr>-----------------定义表行

<td></td>-----------------定义表列

<td></td>

……………

</tr>

<tr>

<td></td>

<td></td>

……………

</tr>

…………..

</table>

table属性:

border:设置边框宽度,默认为0

bordercolor:设置边框颜色

boedercolorlight:设置边框亮部分的颜色,只有当border>=1时有用

bordercolordark:设置边框暗部分的颜色,只有当border>=1时有用

当boedercolorlight和bordercolordark颜色想分担时,视觉有凹凸效果

cellpadding:表格边框与内部内容之间的空间大小,默认值为2

cellspacing:设置表格与表格之间的空间大小,默认值为2

align:对齐方式

红色三个称为:表格的三参。

<tr></tr>属性:

width:宽度

height:高度

bgcolor:背景颜色

align:设置水平对齐方式(left、right、center)

valign:设置垂直对齐方式(top、middle、bottom)

<td></td>属性:

Width:宽度

Height:设置高度

Bgcolor:设置背景颜色

Background:设置背景图片

Align: 设置水平对齐方式(left、right、center)

Valign: 设置垂直对齐方式(top、middle、bottom)

Rowspan:垂直方向合并

Colspan:水平方向合并

DW(Dreamweaver)中合并单元格的快捷键是:M

3、 设置表框颜色:

步骤一:设置table的背景颜色,不设置border属性;

步骤二:设置tr的背景颜色

步骤三:设置cellspacing的值不为0

例子:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: