Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲综合精品,男人天堂网在线观看,欧美性精品不卡在线观看 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Html+CSS - 1段CSS讓表格更漂亮 建議收藏
          
        
           
          
	
	
          
		
                        
          5行CSS樣式碼，讓你的表格更加漂亮，先放最終效果：

          最終樣式
          HTML表格代碼如下：
          <table class="style-table">
        <thead>
            <tr>
                <th>序號</th>
                <th>物品名稱</th>
                <th>金額</th>
                <th>備注</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>洗衣粉</td>
                <td>15.00</td>
                <td>自己用</td>
            </tr>
            <tr class="active-row">
                <td>2</td>
                <td>潔爾陰</td>
                <td>25.00</td>
                <td>老婆用</td>
            </tr>
            <tr >
                <td>3</td>
                <td>搓衣板</td>
                <td>5.00</td>
                <td>自己用</td>
            </tr>
        </tbody>
    </table>
          CSS代碼如下：
          格是頁面中常見的一中標簽，通常是用來數(shù)據(jù)展示的，而不是用來布局。
          一、創(chuàng)建表格
          • 語法
          <table>
           <tr>
           <td>單元格內(nèi)的文字</td> 
           ...
          </tr> 
          ... 
          </table>
          • 說明
            • table 標簽：定義一個表
            • tr 標簽：定義表格中的一行，必須嵌套在table標簽中，有幾對，表示表格有幾行
            • td 標簽：定義表格中的單元格，必須嵌套在標簽中，一對 中包含幾對，就表示該行中有多少列（或多少個單元格）
          • 注意
            • 中只能嵌套
            • 標簽，就像一個容器，可以容納所有的元素
          表格屬性
          設(shè)置表格的外觀樣式
          表頭標簽
          • 說明
          • 表頭一般位于表格的第一行或第一列，其文本加粗居中，如下圖所示，即為設(shè)置了表頭的表格。設(shè)置表頭非常簡單，只需用表頭標簽<th></th>替代相應的單元格標簽<td></td>即可
          • 示例
          • 代碼
          <table border=1>
           <tr> 
           <th>姓名</th> 
           <th>性別</th>
           <th>電話</th> 
          </tr> 
           <tr>
           <th>張三</th> 
           <td>女</td> 
           <td>18611110000</td>
           </tr>
           <tr> 
           <th>李四</th> 
           <td>男</td> 
           <td>18711110000</td>
           </tr> 
           <tr>
           <th>王五</th> 
           <td>男</td> 
           <td>18811110000</td> 
           </tr>
           </table>
          標題標簽
          表格標題標簽，為表格添加標題，跟隨表格的位置而移動。設(shè)置標題，我們用的是caption標簽。
          • 語法
          <table border="1">
           <caption style="text-align:left">My savings</caption> 
           <tr> 
           <th>Month</th> 
           <th>Savings</th>
           </tr> 
           <tr> 
           <td>January</td> 
           <td>0</td> 
           </tr> 
          </table>
          • 說明
          將標題定位在表格的左|右|上|下位置。
          • 示例
          合并單元格（重點）
          • 分類
          跨行合并 rowspan=“合并單元格的個數(shù)”
          跨列合并 colspan=“合并單元格的個數(shù)”
          合并順序：先上后下，先左后右
          • 代碼
          ...
          姓名
          張三
          性別
          李四
          照片
          家庭住址
          張三
          性別
          李四
          照片
          ```
          • 合并方法：
          （1）先確定是跨行還是跨列合并
          （2）根據(jù)先上后下，先左后右的原則，找到目標單元格，寫上合并方式（rowspan/colspan）和要合并的單元格數(shù)量
          （3）刪除多余的單元格
          表格結(jié)構(gòu)劃分（了解）
          表格的結(jié)構(gòu)劃分，使用thead、tbody 、tfoot 三種標簽
          • 說明
          • 標簽用于組合 HTML 表格的表頭內(nèi)容 元素應該與和元素結(jié)合起來使用，用來規(guī)定表格的各個部分（表頭、主體、頁腳）
          • 語法
          <table border="1">
          <thead>
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          </thead>
          <tfoot>
          <tr>
          <td>Sum</td>
          <td>0</td>
          </tr>
          </tfoot>
          <tbody>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          <tr>
          <td>February</td>
          <td></td>
          </tr>
          </tbody>
          </table>
          • 提示
          （1） 元素內(nèi)部必須包含一個或者多個 標簽。
          （2） thead, tbody, 和 tfoot 元素默認不會影響表格的布局。用途主要是可以使用 CSS 來為這些元素定義樣式，從而改變表格的外觀。
          格標簽：
          table 表格標簽


          熟悉表格常用的單詞：
          border 邊距，align 格式 ：‘ center’ 對齊，cellspacing 單元格與單元格的距離，cellpadding 單元格與內(nèi)容的距離，wedth 寬度，height 高度，tr 表示：行，th 表示：表頭，td ：表示列
          編輯表格：


          生成表格：


          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="UTF-8">
          <title>表格標簽</title>
          </head>
          <body>
          <table border="" cellspacing="" cellpadding="">
          <tr>
          <th>姓名</th>
          <th>性別</th>
          <th>年齡</th>
          </tr>
          <tr>
          <td>張三</td>
          <td>男</td>
          <td>18</td>
          </tr>

          <tr>
          <td>李四</td>
          <td>男</td>
          <td>19</td>

          </tr>
          <tr>
          <td>王五</td>
          <td>男</td>
          <td>20</td>

          </tr>
          </table>
          </table>
          </body>
          </html>
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产综合一区二区|
精品日本一区二区三区在线观看|
91大神在线精品视频一区|
免费精品一区二区三区在线观看|
一区二区三区无码视频免费福利
|
中文无码一区二区不卡αv|
国产福利电影一区二区三区，日韩伦理电影在线福
|
日本一区二区三区在线网|
欲色aV无码一区二区人妻|
消息称老熟妇乱视频一区二区|
国产激情一区二区三区成人91|
波多野结衣一区在线观看|
亚洲a∨无码一区二区|
91久久精品无码一区二区毛片|
无码国产精品一区二区免费vr|
一夲道无码人妻精品一区二区|
亚洲国产成人久久一区久久|
天天爽夜夜爽人人爽一区二区
|
亚洲蜜芽在线精品一区|
无码日韩精品一区二区三区免费|
熟妇人妻系列av无码一区二区|
一区二区精品久久|
亚洲国产精品一区二区第一页免|
国产成人AV区一区二区三|
麻豆va一区二区三区久久浪|
无码人妻精品一区二区三区久久久|
麻豆AV一区二区三区|
亚洲av成人一区二区三区|
成人免费观看一区二区|
亚洲爆乳精品无码一区二区|
国产精品第一区揄拍|
国产精品久久久久久一区二区三区|
国产精品香蕉在线一区|
精品亚洲福利一区二区|
国产精品一区二区AV麻豆|
在线观看国产一区亚洲bd|
一区二区三区视频在线播放|
精品一区二区三区四区在线|
亚洲无人区一区二区三区|
久久久老熟女一区二区三区|
精品无码成人片一区二区98|