zoukankan      html  css  js  c++  java
  • 各式各样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>

                   <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>

                     <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>

  • 相关阅读:
    2017.2.12【初中部 GDKOI】模拟赛B组 T2:宿敌
    离散化介绍
    2017.2.12【初中部 GDKOI】模拟赛B组 T1:圆盘染色
    2017.2.12【初中部 GDKOI】模拟赛B组
    2017.2.11【初中部 GDKOI】模拟赛B组 T4:摧毁巴士站
    2017.2.11【初中部 GDKOI】模拟赛B组
    2017.2.11【初中部 GDKOI】模拟赛B组 T3:空间航行
    2017.2.11【初中部 GDKOI】模拟赛B组 T2:软件公司
    2017.2.11【初中部GDKOI】模拟赛B组 T1:最小比例
    自出题,写题解《招募士兵》
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/3246177.html
Copyright © 2011-2022 走看看