
html设置table的边框的方法是使用border 属性实现。
说明:
border 属性规定表格单元周围是否显示边框。
值 "1" 指示应该显示边框,且表格不用于布局目的。
在 HTML5 中,border 属性仅用于指示表格是否用于布局目的,且只允许属性值 "" 或 "1"。
完整用法举例:
1、html中的table代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>table的边框</title>
</head>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
2、运行后的效果:
目的:只对table标签设置边框样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。
解决办法: <div class="table-a"><table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="105">站名</td>
<td width="181">网址</td>
<td width="112">说明</td>
</tr>
<tr>
<td>DIVCSS5</td>
<td>www.divcss5.com</td>
<td>CSS学习</td>
</tr>
<tr>
<td>CSS5</td>
<td>www.css5.com.cn</td>
<td>CSS切图</td>
</tr>
</table>
</div>
HTML的表格标签是:<table >在table标签内加 border=1
例如: <table border=1></table>
边框的属性有:
border:边框大小
bordercolor:边框颜色
bordercolordark:边框暗边颜色(即右下边框颜色)
bordercolorlight:边框亮边颜色(即左上边框颜色)
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)