怎么用CSS设置html中的表格边框样式

如题所述

border-style:边框样式
边框样式值如下:
none :  无边框。与任何指定的border-width值无关
hidden :  隐藏边框。IE不支持
dotted :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid :  实线边框(常用)
double :  双线边框。两条单线与其间隔的和等于指定的border-width值
groove :  根据border-color的值画3D凹槽
ridge :  根据border-color的值画菱形边框
inset :  根据border-color的值画3D凹边
outset :  根据border-color的值画3D凸
温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-06-13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.table{
border:1px solid pink;
padding:10px;
}
.table tr td{
border:1px solid blue;
}
</style>
<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

</body>
</html>
第2个回答  2016-06-13
使用border属性,style{border:1px #ddd solid},或者<table style="margin:auto;font-size:18px" width="95%" border="0" cellspacing="0" cellpadding="0"></table>用这些做调整