html怎么设置table边框

html怎么设置table边框,第1张

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:边框亮边颜色(即左上边框颜色)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/tougao/11084990.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-13
下一篇2023-05-13

发表评论

登录后才能评论

评论列表(0条)

    保存