表格table中的边框亮边线属性bordercolorlight

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

移动端

【实例介绍】

可以对table使用border+bordercolordark+bordercolorlight来实现表格边框的明暗效果：bordercolorlight标记用于设置表格亮边框的颜色，即表格边框向光的部分。

【基本语法】

【语法介绍】

【实例代码】


<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"align="center"height="100"width="400"bordercolorlight="#FF00FF">
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>
</body>
</html>

【代码分析】

在代码中，加粗的代码标记用于设置表格的亮边框颜色，在浏览器中预览，可以看到设置的亮边框颜色，如图所示。

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