html5的表格边框怎么表示实线

html5的表格边框怎么表示实线,第1张

<style type="text/css">
<!--
tableborder {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
/以上分别设置的是表格边框中上右下左的边框宽度/
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/设置边框的表现样式,solid为实线/
border-top-color: #0000FF;
border-right-color: #0000FF;
border-bottom-color: #0000FF;
border-left-color: #0000FF;
/设置边框的颜色/
}
-->
</style>
<table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td>class="tableborder"是对样式的调用,写在table标签内</td>
<td> </td>
</tr>
</table>

设置表格的样式可以直接使用css的border样式来设置的。

工具原料:编辑器、浏览器

1、设置一个表格的外边框为红色,内边框的为,代码如下:

<body >
<table>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
</table>
<style>
table {

border:1px solid red;
}
td{
border: 1px solid yellow;
}

</style>
</body>

2、运行的效果如下:

HTML的表格标签是:<table >
在table标签内加 border=1
例如: <table border=1></table>
边框的属性有:
border:边框大小
bordercolor:边框颜色
bordercolordark:边框暗边颜色(即右下边框颜色)
bordercolorlight:边框亮边颜色(即左上边框颜色)


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

原文地址: http://outofmemory.cn/yw/10457589.html

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

发表评论

登录后才能评论

评论列表(0条)

保存