<i id="0ngdt"></i>

    1. <track id="0ngdt"><delect id="0ngdt"></delect></track>

        <track id="0ngdt"><delect id="0ngdt"></delect></track>

        表格高級使用技巧_把表格進行到底(必看)

        1.表格的分隔線可以隱藏

        <table border rules=cols cellspacing=0 align=left> 可以隱藏橫向的分隔線

        <table border rules=rows cellspacing=0 align=right>可以隱藏縱向的分隔線

        <table border rules=none cellspacing=0 align=center>可以隱藏橫向和縱向的分隔線


        2.表格的邊框不斷在閃 

        以下方法可以令表格的邊框不斷在閃,很實用的
        在BODY區加上

        <table border="0" width="280" id="myexample" 
        style="border:5px solid yellow"> 

        <tr> 

        <td>加入任意的物件.加入任意的物件. 

        <br>加入任意的物件.加入任意的物件. 

        <br>加入任意的物件.加入任意的物件.</td> 

        </tr> 

        </table> 

        <script language="JavaScript1.2"> 

        <!-- 

        function flashit(){ 

        if (!document.all) 

        return 

        if (myexample.style.borderColor=="yellow") 

        myexample.style.borderColor="lime" 

        else 

        myexample.style.borderColor="yellow" 



        setInterval("flashit()", 500) 

        //--> 

        </script> 


        3.表格分行下載 

        這個對表哥內容很大比較實用

        在需要分行下載處加上 <tbody > 

        比如:
        <table >
        <tbody >
        <tr >
        <td >flsdjfsdjfkdsjf</td >
        </tr >
        <tr >
        <td >skdjfsdjfksd</td >
        </tr >
        </tbody >

        <tbody >
        <tr >
        <td >flsdjfsdjfkdsjf</td >
        </tr >
        <tr >
        <td>skdjfsdjfksd</td >
        </tr >
        </tbody >
        </table >



        4.幾種樣式不同的表格

        <table border="1" width="220" style="position: absolute; left: 
        11; top: 11" height="26" >

        <tr>

        <td width="100%">普通表格</td>

        </tr>

        </table>

        5.正立方表格 

        <table border="1" width="220" bordercolorlight="#eeeeee" 
        bordercolordark="#000000" style="position: absolute; left: 10; top: 
        49" height="26">

        <tr>

        <td width="100%">正立方表格</td>

        </tr>

        </table>


        6.細表格 

        <table border="0" frame=vsides width="219" 
        bgcolor="#000000" cellspacing="1" cellpadding="0" 
        height="22" style="position: absolute; left: 11; top: 86">

        <tr bgcolor="#FFFFFF">

        <td width="100%" height="2">細表格</td>

        </tr>

        </table>

        7.立體表格 

        <table border="1" width="220" bordercolorlight="#ffffff" 
        bordercolordark="#ffffff" style="position: absolute; left: 10; top: 
        112" height="34">

        <tr>

        <td width="100%" bgcolor="#B7B7B7" 
        bordercolorlight="#000000" bordercolordark="#eeeeee" >立體表格</td>

        </tr>

        </table>


        8.無名表格  

        <table width="220" align="center" style="position: absolute; 
        left: 246; top: 12" height="51">

        <tr>

        <td><fieldset style="width:220" align="center"> 
        <legend> 無名表格 </legend>  <p align="right"> </fieldset> 
        <br>

        </td>

        </tr>

        </table>



        9.表中表效果Ⅱ 

        <table width="220" align="center" style="position: 
        absolute; left: 245; top: 89" height="110">
        <tr>
        <td height="75"><fieldset style="width:220" 
        align="center"> <legend> 表中表效果Ⅱ </legend> <table 
        frame="hsides" border="1"
        bordercolorlight="#000000" bordercolordark="#ffffff" 
        width="100%" cellspacing="1" cellpadding="0" height="78">
        <tr bgcolor="#ffffff">
        <td width="100%" height="76"></fieldset></td>
        </tr>
        </table>

        10.表中表效果Ⅰ 

        <table width="220" align="center" style="position: absolute; 
        left: 10; top: 120" height="138" cellspacing="1" 
        cellpadding="0">

        <tr>

        <td height="126"><fieldset style="width: 220; color: #B7B7B7; 
        border-style: groove" align="center"> <legend style="color: 
        #FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font> 
        </legend>  <p align="right"> </fieldset> 

        </td>

        </tr>

        </table>


        11.表格中邊框的顯示 


        只顯示上邊框 <table frame=above>
        只顯示下邊框 <table frame=below> 
        只顯示左、右邊框 <table frame=vsides>
        只顯示上、下邊框 <table frame=hsides>
        只顯示左邊框 <table frame=lhs>
        只顯示右邊框 <table frame=rhs>
        不顯示任何邊框 <table frame=void>

        HTML/CSS技術表格高級使用技巧_把表格進行到底(必看),轉載需保留來源!

        鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

        女男啪啪免费小视频
        <i id="0ngdt"></i>

          1. <track id="0ngdt"><delect id="0ngdt"></delect></track>

              <track id="0ngdt"><delect id="0ngdt"></delect></track>