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

html-css07

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

<div class="bian"></div>

<style>

.bian{ border:1px solid #ccc}

</style>

solid就是实线. 希望可以帮到你