<!--
.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
您好,在html代码中添加如下代码:
<html>
<head>
<link href="/static/css/tb.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>学生信息表</h1>
<div name=mt>{table_html}</div>
</body>
</html>
另外创建一个static目录,在该目录下再创建一个css目录,然后创建一个tb.css文件,以下为文件内容:
table{
border-collapse:collapse
}
th,td{
border:blue solid 1px
padding:5px 10px
}
当你再访问网页时,显示的表格就是实线了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)