用背景实现表格有线条(背景,然后通过间隔实现)

78 阅读3分钟

--用背景实现表格有线条(背景,然后通过间隔实现)
<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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;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?质子泵抑制剂-泮托拉唑钠—口服制剂-进口&amp;9">删除</A></TD>
</TR>        
</TBODY>
</TABLE>