用背景实现表格有线条（背景，然后通过间隔实现）

我不是女神ヾ 2024-02-19 18:20 22阅读 0赞

\--用背景实现表格有线条（背景，然后通过间隔实现）  
<STYLE type=text/css>  
body \{  
padding: 0px;  
border-bottom: solid 1px \#C8C8C8;  
border-right: solid 1px \#C8C8C8;  
\}  
  
td \{  
word-wrap: break-word;  
word-break: break-all;  
\}  
.table1\{  
word-wrap: break-word;  
word-break: break-all;  
border-collapse: separate;  
border:0;  
\}  
.table1 td \{  
font-size: 12px;  
line-height: 150%;  
font-family: 宋体,Arial;  
font-weight: normal;  
color: \#666;  
text-decoration: none;  
background-color: \#FFFFFF;  
padding: 2px;  
white-space: nowrap;  
border:0  
\}  
.table1 th\{  
font-size: 12px;  
line-height: 150%;  
font-family: 宋体,Arial;  
font-weight: 600;  
color: \#007BC6;  
text-decoration: none;  
border-top: solid 1px \#C8C8C8;  
border-left: solid 1px \#C8C8C8;  
background-color: \#E6E6E6;  
padding: 2px;  
border:0  
\}  
</STYLE>  
<BODY style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; OVERFLOW-X: auto; OVERFLOW-Y: auto; BORDER-TOP: 0px; BORDER-RIGHT: 0px">  
<DIV id=drug>  
<TABLE class=table1 cellSpacing=1 border=0 style="background-color:\#C8C8C8" cellPadding=0 width="100%" align=center>  
<THEAD>  
<TR>  
<TH style="WIDTH: 32%" class=t colSpan=4>监控药品</TH>  
<TH style="WIDTH: 68%" class=t colSpan=8>已匹配药品</TH></TR>  
<TR>  
<TH style="WIDTH: 6%" class=t>删除品种</TH>  
<TH style="WIDTH: 6%" class=t>分类</TH>  
<TH style="WIDTH: 10%" class=t>品种名称（按通用名）</TH>  
<TH style="WIDTH: 8%" class=t>进口/国产</TH>  
<TH style="WIDTH: 6%" class=t>新增药品</TH>  
<TH style="WIDTH: 10%" class=t>药品编码</TH>  
<TH style="WIDTH: 10%" class=t>药品名称</TH>  
<TH style="WIDTH: 12%" class=t>通用名</TH>  
<TH style="WIDTH: 6%" class=t>剂型</TH>  
<TH style="WIDTH: 8%" class=t>规格</TH>  
<TH style="WIDTH: 12%" class=t>厂家</TH>  
<TH style="WIDTH: 6%" class=t>删除药品</TH>  
</TR>  
</THEAD>  
<TBODY>  
<TR>  
<TD class=d><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—注射制剂-进口">删除</A></TD>  
<TD class=d>质子泵抑制剂</TD>  
<TD class=d>泮托拉唑钠—注射制剂</TD>  
<TD class=d>进口</TD>  
<TD class=d><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—注射制剂-进口">新增</A></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d>&nbsp;</TD>  
</TR>  
<TR>  
<TD class=d><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—口服制剂-国产">删除</A></TD>  
<TD class=d>质子泵抑制剂</TD>  
<TD class=d>泮托拉唑钠—口服制剂</TD>  
<TD class=d>国产</TD>  
<TD class=d><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—口服制剂-国产">新增</A></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d>&nbsp;</TD>  
</TR>  
<TR>  
<TD class=d rowSpan=4><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—口服制剂-进口">删除</A></TD>  
<TD class=d rowSpan=4>质子泵抑制剂</TD>  
<TD class=d rowSpan=4>泮托拉唑钠—口服制剂</TD>  
<TD class=d rowSpan=4>进口</TD>  
<TD class=d rowSpan=4><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—口服制剂-进口">新增</A></TD>  
<TD class=d>Y00000000012</TD>  
<TD class=d>阿莫西林钠/舒巴坦钠(来切利针)</TD>  
<TD class=d>阿莫西林钠舒巴坦钠</TD>  
<TD class=d>针剂</TD>  
<TD class=d>0.375g</TD>  
<TD class=d></TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&3">删除</A></TD>  
</TR>  
<TR>  
<TD class=d>Y00000000010</TD>  
<TD class=d>萘夫西林钠</TD>  
<TD class=d>萘夫西林钠</TD>  
<TD class=d>粉针剂</TD>  
<TD class=d>25mg</TD>  
<TD class=d>华北制药股份有限公司</TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&6">删除</A></TD>  
</TR>  
<TR>  
<TD class=d>Y00000000014</TD>  
<TD class=d>阿莫西林氟氯西林针(山西)</TD>  
<TD class=d>阿莫西林-氟氯西林</TD>  
<TD class=d>粉针剂</TD>  
<TD class=d>25mg</TD>  
<TD class=d>华北制药股份有限公司</TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&9">删除</A></TD>  
</TR>  
</TBODY>  
</TABLE>  
\--用样式实现表格有线条  
.table \{  
/\*\#BCCFE5\*/  
border-bottom: solid 1px \#C8C8C8;  
border-right: solid 1px \#C8C8C8;  
border-collapse: collapse;  
empty-cells: show;  
text-align: center;  
\}

.th \{  
font-size: 12px;  
line-height: 150%;  
font-family: 宋体,Arial;  
font-weight: 600;  
color: \#007BC6;  
text-decoration: none;  
border-top: solid 1px \#C8C8C8;  
border-left: solid 1px \#C8C8C8;  
background-color: \#E6E6E6;  
padding: 2px;  
white-space: normal;  
word-wrap: break-word;  
word-break: break-all;  
\}

.td \{  
font-size: 12px;  
line-height: 150%;  
font-family: 宋体,Arial;  
font-weight: normal;  
color: \#666;  
text-decoration: none;  
border-top: solid 1px \#C8C8C8;  
border-left: solid 1px \#C8C8C8;  
background-color: \#FFFFFF;  
padding: 2px;  
white-space: normal;  
word-wrap: break-word;  
word-break: break-all;  
\}

<BODY style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; OVERFLOW-X: auto; OVERFLOW-Y: auto; BORDER-TOP: 0px; BORDER-RIGHT: 0px">  
<DIV id=drug>  
<TABLE class=table cellSpacing=0 border=0 style="background-color:\#C8C8C8" cellPadding=0 width="100%" align=center>  
<THEAD>  
<TR>  
<TH style="WIDTH: 32%" class=t colSpan=4>监控药品</TH>  
<TH style="WIDTH: 68%" class=t colSpan=8>已匹配药品</TH></TR>  
<TR>  
<TH style="WIDTH: 6%" class=t>删除品种</TH>  
<TH style="WIDTH: 6%" class=t>分类</TH>  
<TH style="WIDTH: 10%" class=t>品种名称（按通用名）</TH>  
<TH style="WIDTH: 8%" class=t>进口/国产</TH>  
<TH style="WIDTH: 6%" class=t>新增药品</TH>  
<TH style="WIDTH: 10%" class=t>药品编码</TH>  
<TH style="WIDTH: 10%" class=t>药品名称</TH>  
<TH style="WIDTH: 12%" class=t>通用名</TH>  
<TH style="WIDTH: 6%" class=t>剂型</TH>  
<TH style="WIDTH: 8%" class=t>规格</TH>  
<TH style="WIDTH: 12%" class=t>厂家</TH>  
<TH style="WIDTH: 6%" class=t>删除药品</TH>  
</TR>  
</THEAD>  
<TBODY>  
<TR>  
<TD class=d><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—注射制剂-进口">删除</A></TD>  
<TD class=d>质子泵抑制剂</TD>  
<TD class=d>泮托拉唑钠—注射制剂</TD>  
<TD class=d>进口</TD>  
<TD class=d><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—注射制剂-进口">新增</A></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d>&nbsp;</TD>  
</TR>  
<TR>  
<TD class=d><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—口服制剂-国产">删除</A></TD>  
<TD class=d>质子泵抑制剂</TD>  
<TD class=d>泮托拉唑钠—口服制剂</TD>  
<TD class=d>国产</TD>  
<TD class=d><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—口服制剂-国产">新增</A></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d></TD>  
<TD class=d>&nbsp;</TD>  
</TR>  
<TR>  
<TD class=d rowSpan=4><A href="http://cmd/delpzpkid?质子泵抑制剂-泮托拉唑钠—口服制剂-进口">删除</A></TD>  
<TD class=d rowSpan=4>质子泵抑制剂</TD>  
<TD class=d rowSpan=4>泮托拉唑钠—口服制剂</TD>  
<TD class=d rowSpan=4>进口</TD>  
<TD class=d rowSpan=4><A href="http://cmd/add?质子泵抑制剂-泮托拉唑钠—口服制剂-进口">新增</A></TD>  
<TD class=d>Y00000000012</TD>  
<TD class=d>阿莫西林钠/舒巴坦钠(来切利针)</TD>  
<TD class=d>阿莫西林钠舒巴坦钠</TD>  
<TD class=d>针剂</TD>  
<TD class=d>0.375g</TD>  
<TD class=d></TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&3">删除</A></TD>  
</TR>  
<TR>  
<TD class=d>Y00000000010</TD>  
<TD class=d>萘夫西林钠</TD>  
<TD class=d>萘夫西林钠</TD>  
<TD class=d>粉针剂</TD>  
<TD class=d>25mg</TD>  
<TD class=d>华北制药股份有限公司</TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&6">删除</A></TD>  
</TR>  
<TR>  
<TD class=d>Y00000000014</TD>  
<TD class=d>阿莫西林氟氯西林针(山西)</TD>  
<TD class=d>阿莫西林-氟氯西林</TD>  
<TD class=d>粉针剂</TD>  
<TD class=d>25mg</TD>  
<TD class=d>华北制药股份有限公司</TD>  
<TD class=d><A href="http://cmd/delete?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&9">删除</A></TD>  
</TR>  
</TBODY>  
</TABLE>