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:1px solid #a0df61

这样就设置了边框为1像素,实线,颜色为#a0df61


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

原文地址: http://outofmemory.cn/zaji/6286071.html

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

发表评论

登录后才能评论

评论列表(0条)

保存