首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

有关css有关问题

2012-02-12 
有关css问题我对css不是很懂下面的代码,在右边会出现一条竖线,不知道怎么去除,还有ProductInfo和Service的

有关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&nbsp;   and   corner;&#13; </strong> </div>
                                                <div> <strong> ● </strong> <strong> Inner   content:124mm </strong> <strong> × </strong> <strong> 210mmm,   sewing   binding,   Commonly   used   information,   year   plan,   notes,   address   etc.&#13; </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&#13; </strong> </div>


                                                    <div> <strong> ●inner   content   can   meet   your   demand   </strong> </div>
                                                </div>
                                                        <p> &nbsp; </p>
                                                    <p> &nbsp; </p> </td>
                                            </tr>
                                        </tbody>
                                </table> </TD>
                            </TR>

[解决办法]
类.sec1 .sec2 .main_tab 都有
BORDER-RIGHT: gray 1px solid
你把它去了,就没有线了。

热点排行