当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 表格table中的边框属性border

表格table中的边框属性border

2012/11/19 18:00:02作者:佚名来源:网络

移动端

【实例介绍】

表格table中的边框属性border

表格的边框可以很粗也可以很细,可以使用border标记来设置表格的边框效果,包括边框的宽度、边框的颜色等。border标记用于设置表格的边框宽度。默认情况下,表格是不显示边框的。

【基本语法】

<table border="边框宽度">

【语法介绍】

border标记设置的表格边框只能影响表格四周的边框宽度,并不能影响单元格之间的边框尺寸。在设置边框时一般不超过5像素,过于宽大的边框会影响表格的整体美观。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表格的边框属性</title> </head> <body> <table  border="5"> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> </body> </html>

【代码分析】

在代码中,加粗的<table border=''5">标记将表格的边框宽度设置为5像素,在浏览器中预览.效果如图所示。

边框属性border运行效果
 【素材及源码下载】

请点击:表格table中的边框属性border 下载本实例相关素材及源码

 

标签: table