各式各样table

<html>
<head>
      <title>大清帝国</title>
      <meta name="keywords" content="大清帝国之康熙大帝">
      <meta name="description" content="大清帝国之康熙大帝">
       <meta http-equiv="content-type" content="text/html;charset=utf-8 ">
    </head>
    <body>
        <center>
           <ol>
             <li>基本表格</li><!-- border表格边框--><!-- bordercolor表格边框颜色--><!--cellspacing表格边框间距-->
               <table width="300" border="1" bordercolor="black" cellspacing="0">
                 <tr>               
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

<li>无边框表格</li>
               <table width="300" border="0" bordercolor="black" cellspacing="0">
                 <tr>
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                    <td>163</td>
                    <td>126</td>
                    <td>新浪</td>
                  </tr>
               </table>

<li>双线表格</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                 <tr>
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>
各式各样table

<li>合并多列表格</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                 <tr>
                   <td colspan="3" align="center">百度</td><!--colspan合并列单元格-->
                 
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

<li>合并多行表格</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                  <tr>
                   <td rowspan="3">百度</td><!--rowspan合并多列单元格-->
                   <td>谷歌</td>
                   <td>搜狗</td>
                  </tr>
                  <tr>
                 
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

<li>复杂表格1</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                  <tr>
                   <td>百度</td>
                   <td colspan="2">谷歌</td>
                
                  </tr>
                  <tr>
                   <td>优酷</td>
                   <td rowspan="2">土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                
                   <td>新浪</td>
                 </tr>
               </table>

<li>复杂表格2</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                 <tr>
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td colspan="2">优酷</td>
              
                   <td rowspan="2">酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                
                 </tr>
               </table>
各式各样table

<li>突起表格</li>
               <table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray"                   bordercolorlight="black" bordercolordark="white">
                 <tr>
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

<li>凹陷表格</li>
               <table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray"                   bordercolorlight="white" bordercolordark="black">
                 <tr>
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr>
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

<li>突起表格</li>
               <table width="300" border="0" bgcolor="blue" bordercolor="black" cellpadding="5" cellspacing="1">
                 <tr bgcolor="white">
                   <td>百度</td>
                   <td>谷歌</td>
                   <td>搜狗</td>
                 </tr>
                  <tr  bgcolor="white">
                   <td>优酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr  bgcolor="white">
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

</ol>
         <center>
     </body>

上一篇:windows设置开机启动项


下一篇:iOS之自定义控件