有关css问题
我对css不是很懂
下面的代码,在右边会出现一条竖线,不知道怎么去除,还有Product Info和Service的背景想用白的,请高人指点
<STYLE type=text/css>
.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; BORDER-LEFT: #ffffff 1px
solid; CURSOR: hand; COLOR: #000000; BORDER-
BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:
#ffffff
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-
LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:
#000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-
LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-
BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ffffff
}
</STYLE>
<!--JavaScript部分-->
<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0;i <secTable.cells.length;i++)
secTable.cells
[i].className= "sec1 ";
secTable.cells[n].className= "sec2 ";
for(i=0;i <mainTable.tBodies.length;i++)
mainTable.tBodies
[i].style.display= "none ";
mainTable.tBodies
[n].style.display= "block ";
}
</SCRIPT>
<!--HTML部分-->
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR align=middle height=20>
<TD onclick=secBoard(0) width= "10% "> Product Info </TD>
<TD onclick=secBoard(1) width= "10% "> Service </TD>
</TR> </TBODY> </TABLE>
<TABLE class=main_tab id=mainTable height=50 cellSpacing=0 cellPadding=0 width=300 border=0> <!--关于Product Info标记-->
<TBODY style= "DISPLAY: block ">
<TR>
<TD align=middle vAlign=top bordercolor= "#FFFFFF " bgcolor= "#FFFFFF "> <BR> <BR>
<TABLE width=300 height= "59 " border=0 cellPadding=0 cellSpacing=0 bordercolor= "#FFFFFF ">
<TBODY>
<TR>
<TD height= "35 "> <div>
<div> <strong> ● </strong> <strong> printing fascinating Chinese painting on the PU leather as cover theme, hard cover and corner; </strong> </div>
<div> <strong> ● </strong> <strong> Inner content:124mm </strong> <strong> × </strong> <strong> 210mmm, sewing binding, Commonly used information, year plan, notes, address etc. </strong> </div>
<div> </div>
</div> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<!--关于Service集合-->
<TBODY style= "DISPLAY: none ">
<TR>
<TD align=middle vAlign=top bordercolor= "#FFFFFF " bgcolor= "#FFFFFF "> <BR> <BR>
<table cellspacing=0 cellpadding=0 width=300 border=0>
<tbody>
<tr>
<td> <div>
<div> <strong> ●customize with your design </strong> </div>
<div> <strong> ●inner content can meet your demand </strong> </div>
</div>
<p> </p>
<p> </p> </td>
</tr>
</tbody>
</table> </TD>
</TR>
[解决办法]
类.sec1 .sec2 .main_tab 都有
BORDER-RIGHT: gray 1px solid
你把它去了,就没有线了。