1所有的<table>均为细边框。
table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}
2指定的<table>为细边框，把<table>放在<div>中，用ID作索引，如下：
#mdA table,#mdA table td,#mdA table th{border:1px solid #ff0000;border-collapse:collapse;}
<div id="mdA">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
以下就是你想要的效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table width="100%" border="1" cellpadding="1" cellspacing="0" bordercolor="#333" style=" line-height:28px; font-family:'宋体',Arial; font-size:16px; border-collapse: collapse; color:#444; mso-table-layout-alt: fixed; float:left; text-align:left;" >
<tr style="text-align:center;">
<th>Item项目</th>
<th >Symbol<br />参数</th>
<th >Content 详细内容</th>
<th>Criterion标准 </th>
</tr>
<tr>
<th rowspan="4" bgcolor="#DDDDDD" scope="row" style="text-align:center;">Over charge
Protection <br />过充保护</th>
<td>Vdet1</td>
<td>Over charge detection voltage <br />
过充电检测电压</td>
<td>4280±0025V</td>
</tr>
<tr>
<td>Tvdet1</td>
<td>Over charge detection delay time <br />
过充电检测延迟时间</td>
<td>1000±200ms </td>
</tr>
<tr>
<td>Vrel1</td>
<td>Over charge release voltage <br />
过充电解除电压</td>
<td>408±005V </td>
</tr>
<tr>
<td>Events</td>
<td>0V charger 0V充电功能</td>
<td>Enable可能</td>
</tr>
<tr>
<th rowspan="3" bgcolor="#DDDDDD" scope="row" style="text-align:center;">Over discharge
protection <br />过放保护 </th>
<td>Vdet2 </td>
<td>Over discharge detection voltage <br />
过放电检测电压</td>
<td>290±008V</td>
</tr>
<tr>
<td>Tvdet2 </td>
<td>Over discharge detection delay time <br />
过放电检测延迟时间 </td>
<td>20±10ms</td>
</tr>
<tr>
<td>Vrel2 </td>
<td>Over discharge release voltage
<br />过放电解除电压 </td>
<td>310±010V</td>
</tr>
</table>
</body>
</html>
直接在aa后面空格写上bb。
<table class="aa bb">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
扩展资料：
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
可以给 HTML 元素赋予多个 class。例如：<span class="left_menu important">，可以把若干个 CSS 类合并到一个 HTML 元素。
提示：
1、class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
2、提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。
<table width="100%" border="0" cellspacing="3" cellpadding="0" class="edf12">
<tr>
<td></td>
<td></td>
</tr>
</table>
可以在每个表格里面加上class样式，例如上面的，比如把class样式命名为“edf12”，再定义这个样式就可以了，任何一个表格都可以这样 *** 作
请把问题讲得清楚一些，你说的表框是模块的边框还是表格的边框
如果是模块边框的话，就先弄懂这些参数和属性：
none (没有边框，无论边框宽度设为多大)
dotted (点线式边框)
dashed (破折线式边框)
solid (直线式边框)
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
边框宽度属性(border-width)
这个属性用来设定上下左右边框的宽度，它的值如下：
medium (是缺省值)
thin (比medium细)
thick (比medium粗)
用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位 (em, ex, px)。
边框颜色属性(border-color)
这个属性用来设定上下左右边框的颜色。例句如下：
d5 {border-color:gray;border-style:solid;}
边框属性(border)
这个属性是边框属性的一个快捷的综合写法，它包含border-width, border-style和border-color。例句如下：
d1 {border:5px solid gray;}
单边边框属性
上下左右四个边框不但可以统一设定，也可以分开设定。
设定上边框属性，你可以使用border-top, border-top-width, border-top-style, border-top-color。
设定下边框属性，你可以使用border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。
设定左边框属性，你可以使用border-left, border-left-width, border-left-style, border-left-color。
设定上边框属性，你可以使用border-right, border-right-width, border-right-style, border-right-color。
边框属性
前面例子里提到的，例如用来定义字体颜色的color，字体大小的font-size，都是CSS的属性。从这一课起，就开始详细介绍CSS的各类属性。
每一个网页都可以理解成是被一个方框框起来的，而页面中不同的部分又可以分为一个个小的方框。因此定义方框的边距、边界、颜色等的边框属性应用而生。
1、边距属性：
·左边距（margin-left）
·右边距（margin-right）
·上边距（margin-top）
·下边距（margin-bottom）
·边距（margin）
边距属性定义HTML页面中方框四边和其他元素之间的空白距离，每一个margin-side属性只影响到一条边，而margin则提供了一个同时设置四个边距的机会。
2、填充属性：
·左填充（padding-left）
·右填充（padding-right）
·上填充（padding-top）
·下填充（padding-bottom）
·填充（padding）
填充属性设置边框和内部元素的距离。它和边距属性十分相似，每个padding-side定义一个边框距离，padding则同时定义四个距离。
3、边界属性
·上边界宽（border-top-width）
·右边界宽（border-right-width）
·下边界宽（border-bottom-width）
·左边界宽（border-left-width）
·边界宽（border-width
这几个属性定义边界宽度，用thin、medium和thick分别表示细、中等和粗，或者指定具体的数值来定义边界的宽度。
·边界颜色（border-color）
这个属性定义边界的颜色，可以用16种颜色名或RGB值来设置。如果指定一种颜色，则表示四个边框是一种颜色，指定两种颜色，则定义顺序为上下、左右；指定三种颜色，顺序为上、左右、下；指定四种颜色，顺序则为上、右、下、左。16种颜色名分别为：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。RGB值则应表示为#RRGGBB或r%,g%,b%。
·边界样式（border-style）
该属性用以定义边框的风格呈现式样。共有九种。
none － 不显示边框，为缺省值
dotted － 点线
dashed —虚线
solid － 实线
double － 双线
groove －凹线
ridge － 凸线
inset － 使整个方框凸起
outset － 使整个方框凹陷
·上边界（border-top）
·右边界（border-right）
·下边界（border-bottom）
·左边界（border-left）
·边界（border）
这几个是简写属性，它集合了上面几种属性的特点，可使用其给边框一次性定义宽度、式样和颜色。各属性值之间用空格隔开。
4、尺寸属性
定义方框的宽度width和高度height。
例：DIVsample {width: 300px;
height: 200px }
1、首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。
2、然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。
3、最后可以用width属性给表格设置宽度，用height属性设置单元格的高度，设置好后可以在浏览器看到效果。
tr:nth-child(2n+1) 单数行
tr:nth-child(odd) 同上
tr:nth-child(2n) 双数行
tr:nth-child(even) 同上
tr:nth-child(0n+1) 第一行，相当于 :first-child
tr:nth-child(1) 同上
tr:nth-child(-n+3) 匹配前三行
括号里的公式可以自己写，匹配自己想要的行数，比如每隔5行就是5n 酱紫
1、两个表格定义不同的class，通过class设定不同的样式
如<style>
a{border:2px;}
b{border:10px;}
</style>
2、两个表格定义不同的id，通过id设定不同的样式
如<style>
#a{border:2px;}
#b{border:10px;}
</style>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）