关于table表格的一些样式

格边线的样式 

border-style: <值>

　　none：无样式； 

　　dotted：点线； 

　　dashed：虚线； 

　　solid：实线； 

　　double：双线； 

　　groove：槽线； 

　　ridge：脊线； 

　　inset：内凹； 

　　outset：外凸。

如：table表格为虚线，<table border="2" width="100%" style="border-style:dashed">

例：

css:

    <style type="text/css">

        .rightBottom

        {

           border-right-style: dashed; border-bottom-style: dashed; border-right-width: 1px; border-bottom-width: 1px; border-right-color: #cccccc; border-bottom-color: #cccccc

        }

         .bottom1

        {

           border-bottom-style: dashed; border-bottom-width: 1px;border-bottom-color: #cccccc

        }

        .right1

        {

           border-right-style: dashed; border-right-width: 1px; border-right-color: #cccccc; 

        }

    </style>

html:

   <table cellpadding="0" cellspacing="0" style="width:200px; border:solid 1px #cccccc;">

        <tr>

            <td class="rightBottom" >

                &nbsp;</td>

            <td class="rightBottom"  >

                &nbsp;</td>

            <td  class="bottom1">

                &nbsp;</td>

        </tr>

        <tr>

            <td class="rightBottom"  >

                &nbsp;</td>

            <td class="rightBottom">

                &nbsp;</td>

            <td  class="bottom1">

                &nbsp;</td>

        </tr>

        <tr>

            <td class="right1">

                &nbsp;</td>

            <td class="right1">

                &nbsp;</td>

            <td>

                &nbsp;</td>

        </tr>

    </table>