分享

HTML Day2 table

表格

   tr:行
   td:單元格
   width: 表格寬度
   height:表格高度
   border:邊寬大小
 cellspacing:單元格之間的距離
cellspacing="0"

    
cellspacing="1"  

      
cellspacing="2"  

  
cellspacing="3" 

    
cellspacing="30"  

  
*************************************************
cellpadding:挑整內容位置
   align:對其方式 left center right 

加入在table 對齊表格
 tr    對齊整行
td    對齊單元格  
   Valign: 垂直方向 只能用於 tr /td ; top middle bottom
bordercolor: 邊框顏色
************************************
<table width="300" height="200" border="=1" cellspacing="0"  cellpadding="0" bordercolor="blue">
       <!-- 第一行 -->
       <tr align="center">
           <td valign="bottom">1</td>
           <td>1</td>
           <td>1</td>
           <td>1</td>
       </tr>
       <!-- 第二行 -->
       <tr>
         <td>2</td>
         <td>2</td>
         <td>2</td>
         <td>2</td>
       </tr>
       <!-- 第三行 -->
       <tr>
         <td>3</td>
         <td>3</td>
         <td>3</td>
         <td>3</td>
       </tr>  
 </table>  
           
**********************************************
合併儲存格 colspan  
左右兩格並一格
          <tr>
           <td>1</td>
 <td colspan="2">2</td>
           <!-- <td>3</td> -->
           <td>4</td>
       </tr> 
合併儲存格  rowspan  
上下儲存格合併
        <tr>
<td rowspan="2">1</td>
           <td colspan="2">2</td>
           <!-- <td>3</td> -->
           <td>4</td> 
       </tr> 
************************************************************ 
分類:學習

評論
上一篇
  • [Rails] [01]rails new 一個project issue
  • 下一篇
  • HTML Day1
  • 更多文章
    載入中... 沒有更多了