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

          


          
	

          

 

          
  
          
    
          
      
          
        
          Html+CSS - 1段CSS讓表格更漂亮 建議收
          
        
           
          
	
	
          
		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代碼如下：
          接到很web前端項目中，常常看到表格table，做表格的樣式，在本文下面，列舉了四種表格css樣式，代碼也在下面：
          1.單像素邊框CSS表格
          這是一個很常用的表格樣式。


          <!-- CSS goes in the document HEAD or added to your external stylesheet -->
          <style type="text/css">
          table.gridtable {
           font-family: verdana,arial,sans-serif;
           font-size:11px;
           color:#333333;
           border-width: 1px;
           border-color: #666666;
           border-collapse: collapse;
          }
          table.gridtable th {
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #666666;
           background-color: #dedede;
          }
          table.gridtable td {
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #666666;
           background-color: #ffffff;
          }
          </style>
          <!-- Table goes in the document BODY -->
          <table class="gridtable">
          <tr>
           <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
          </tr>
          <tr>
           <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
          </tr>
          <tr>
           <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
          </tr>
          </table>
          2. 帶背景圖的CSS樣式表格
          和上面差不多，不過每個格子里多了背景圖。






          1. 下載上面兩張圖，命名為cell-blue.jpg和cell-grey.jpg
          2. 拷貝下面的代碼到你想要的地方，記得修改圖片url
          <!-- CSS goes in the document HEAD or added to your external stylesheet -->
          <style type="text/css">
          table.imagetable {
           font-family: verdana,arial,sans-serif;
           font-size:11px;
           color:#333333;
           border-width: 1px;
           border-color: #999999;
           border-collapse: collapse;
          }
          table.imagetable th {
           background:#b5cfd2 url('cell-blue.jpg');
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #999999;
          }
          table.imagetable td {
           background:#dcddc0 url('cell-grey.jpg');
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #999999;
          }
          </style>
          <!-- Table goes in the document BODY -->
          <table class="imagetable">
          <tr>
           <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
          </tr>
          <tr>
           <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
          </tr>
          <tr>
           <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
          </tr>
          </table>
          3. 自動換整行顏色的CSS樣式表格（需要用到JS）
          這個CSS樣式表格自動切換每一行的顏色，在我們需要頻繁更新一個大表格的時候很有用。

          <!-- Javascript goes in the document HEAD -->
          <script type="text/javascript">
          function altRows(id){
           if(document.getElementsByTagName){ 
           var table=document.getElementById(id); 
           var rows=table.getElementsByTagName("tr"); 
           for(i=0; i < rows.length; i++){ 
           if(i % 2==0){
           rows[i].className="evenrowcolor";
           }else{
           rows[i].className="oddrowcolor";
           } 
           }
           }
          }
          window.onload=function(){
           altRows('alternatecolor');
          }
          </script>
          <!-- CSS goes in the document HEAD or added to your external stylesheet -->
          <style type="text/css">
          table.altrowstable {
           font-family: verdana,arial,sans-serif;
           font-size:11px;
           color:#333333;
           border-width: 1px;
           border-color: #a9c6c9;
           border-collapse: collapse;
          }
          table.altrowstable th {
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #a9c6c9;
          }
          table.altrowstable td {
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #a9c6c9;
          }
          .oddrowcolor{
           background-color:#d4e3e5;
          }
          .evenrowcolor{
           background-color:#c3dde0;
          }
          </style>
          <!-- Table goes in the document BODY -->
          <table class="altrowstable" id="alternatecolor">
          <tr>
           <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
          </tr>
          <tr>
           <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
          </tr>
          <tr>
           <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
          </tr>
          </tr>
          <tr>
           <td>Text 3A</td><td>Text 3B</td><td>Text 3C</td>
          </tr>
          <tr>
           <td>Text 4A</td><td>Text 4B</td><td>Text 4C</td>
          </tr>
          <tr>
           <td>Text 5A</td><td>Text 5B</td><td>Text 5C</td>
          </tr>
          </table>
          <!-- The table code can be found here: http://www.textfixer/resources/css-tables.php#css-table03 -->
          4. 鼠標懸停高亮的CSS樣式表格 (需要JS)
          純CSS顯示表格高亮在IE中顯示有問題，所以這邊使用了JS來做高亮（由于csdn博客限制了js的使用，我會在近期將博客遷移放到自己的web主機上）。
          <!-- CSS goes in the document HEAD or added to your external stylesheet -->
          <style type="text/css">
          table.hovertable {
           font-family: verdana,arial,sans-serif;
           font-size:11px;
           color:#333333;
           border-width: 1px;
           border-color: #999999;
           border-collapse: collapse;
          }
          table.hovertable th {
           background-color:#c3dde0;
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #a9c6c9;
          }
          table.hovertable tr {
           background-color:#d4e3e5;
          }
          table.hovertable td {
           border-width: 1px;
           padding: 8px;
           border-style: solid;
           border-color: #a9c6c9;
          }
          </style>
          <!-- Table goes in the document BODY -->
          <table class="hovertable">
          <tr>
           <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
          </tr>
          <tr onmouseover="this.style.backgroundColor='#ffff66';" 
          onmouseout="this.style.backgroundColor='#d4e3e5';">
           <td>Item 1A</td><td>Item 1B</td><td>Item 1C</td>
          </tr>
          <tr onmouseover="this.style.backgroundColor='#ffff66';" 
          onmouseout="this.style.backgroundColor='#d4e3e5';">
           <td>Item 2A</td><td>Item 2B</td><td>Item 2C</td>
          </tr>
          <tr onmouseover="this.style.backgroundColor='#ffff66';" 
          onmouseout="this.style.backgroundColor='#d4e3e5';">
           <td>Item 3A</td><td>Item 3B</td><td>Item 3C</td>
          </tr>
          <tr onmouseover="this.style.backgroundColor='#ffff66';" 
          onmouseout="this.style.backgroundColor='#d4e3e5';">
           <td>Item 4A</td><td>Item 4B</td><td>Item 4C</td>
          </tr>
          <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
           <td>Item 5A</td><td>Item 5B</td><td>Item 5C</td>
          </tr>
          </table>
          文/丁向明
          做一個有博客的web前端自媒體人，專注web前端開發，關注用戶體驗，加我qq/微信交流：6135833
          http://dingxiangming.com
          可以使用 HTML 創建表格。
          實例
          表格
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <p>每個表格由 table 標簽開始。</p>
          <p>每個表格行由 tr 標簽開始。</p>
          <p>每個表格數據由 td 標簽開始。</p>
          <h4>一列：</h4>
          <table border="1">
          <tr>
          <td>100</td>
          </tr>
          </table>
          <h4>一行三列：</h4>
          <table border="1">
          <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
          </tr>
          </table>
          <h4>兩行三列：</h4>
          <table border="1">
          <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
          </tr>
          <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          這個例子演示如何在 HTML 文檔中創建表格。
          表格邊框
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>帶有普通的邊框：</h4>
          <table border="1">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          <h4>帶有粗的邊框：</h4>
          <table border="8">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          <h4>帶有很粗的邊框：</h4>
          <table border="15">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示各種類型的表格邊框。
          表格
          表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
          <table border="1">
          <tr>
          <td>row 1, cell 1</td>
          <td>row 1, cell 2</td>
          </tr>
          <tr>
          <td>row 2, cell 1</td>
          <td>row 2, cell 2</td>
          </tr>
          </table>
          在瀏覽器顯示如下：
          row 1, cell 1 row 1, cell 2
          row 2, cell 1 row 2, cell 2
          表格和邊框屬性
          如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。
          使用邊框屬性來顯示一個帶有邊框的表格：
          <table border="1">
          <tr>
          <td>Row 1, cell 1</td>
          <td>Row 1, cell 2</td>
          </tr>
          </table>
          表格的表頭
          表格的表頭使用 <th> 標簽進行定義。
          大多數瀏覽器會把表頭顯示為粗體居中的文本：
          <table border="1">
          <tr>
          <th>Heading</th>
          <th>Another Heading</th>
          </tr>
          <tr>
          <td>row 1, cell 1</td>
          <td>row 1, cell 2</td>
          </tr>
          <tr>
          <td>row 2, cell 1</td>
          <td>row 2, cell 2</td>
          </tr>
          </table>
          在瀏覽器顯示如下：
          Heading Another Heading
          row 1, cell 1 row 1, cell 2
          row 2, cell 1 row 2, cell 2
          表格中的空單元格
          在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。
          <table border="1">
          <tr>
          <td>row 1, cell 1</td>
          <td>row 1, cell 2</td>
          </tr>
          <tr>
          <td></td>
          <td>row 2, cell 2</td>
          </tr>
          </table>
          表格中的空單元格
          注意：這個空的單元格的邊框沒有被顯示出來。為了避免這種情況，在空單元格中添加一個空格占位符，就可以將邊框顯示出來。
          <table border="1">
          <tr>
          <td>row 1, cell 1</td>
          <td>row 1, cell 2</td>
          </tr>
          <tr>
          <td>&nbsp;</td>
          <td>row 2, cell 2</td>
          </tr>
          </table>
          在瀏覽器中顯示如下：
          row 1, cell 1 row 1, cell 2
          row 2, cell 2
          更多實例
          沒有邊框的表格
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>這個表格沒有邊框：</h4>
          <table>
          <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
          </tr>
          <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
          </tr>
          </table>
          <h4>這個表格也沒有邊框：</h4>
          <table border="0">
          <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
          </tr>
          <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示一個沒有邊框的表格。
          表格中的表頭(Heading)
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>表頭：</h4>
          <table border="1">
          <tr>
          <th>姓名</th>
          <th>電話</th>
          <th>電話</th>
          </tr>
          <tr>
          <td>Bill Gates</td>
          <td>555 77 854</td>
          <td>555 77 855</td>
          </tr>
          </table>
          <h4>垂直的表頭：</h4>
          <table border="1">
          <tr>
          <th>姓名</th>
          <td>Bill Gates</td>
          </tr>
          <tr>
          <th>電話</th>
          <td>555 77 854</td>
          </tr>
          <tr>
          <th>電話</th>
          <td>555 77 855</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何顯示表格表頭。
          空單元格
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <table border="1">
          <tr>
          <td>Some text</td>
          <td>Some text</td>
          </tr>
          <tr>
          <td></td>
          <td>Some text</td>
          </tr>
          </table>
          <p>正如您看到的，其中一個單元沒有邊框。這是因為它是空的。在該單元中插入一個空格后，仍然沒有邊框。</p>
          <p>我們的技巧是在單元中插入一個 no-breaking 空格。</p>
          <p>no-breaking 空格是一個字符實體。如果您不清楚什么是字符實體，請閱讀關于字符實體的章節。</p>
          <p>no-breaking 空格由和號開始 ("&")，然后是字符"nbsp"，并以分號結尾(";")。</p>
          </body>
          </html>
          [/demo]
          本例展示如何使用 "&nbsp;" 處理沒有內容的單元格。
          帶有標題的表格
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>這個表格有一個標題，以及粗邊框：</h4>
          <table border="6">
          <caption>我的標題</caption>
          <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
          </tr>
          <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示一個帶標題 (caption) 的表格
          跨行或跨列的表格單元格
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>橫跨兩列的單元格：</h4>
          <table border="1">
          <tr>
          <th>姓名</th>
          <th colspan="2">電話</th>
          </tr>
          <tr>
          <td>Bill Gates</td>
          <td>555 77 854</td>
          <td>555 77 855</td>
          </tr>
          </table>
          <h4>橫跨兩行的單元格：</h4>
          <table border="1">
          <tr>
          <th>姓名</th>
          <td>Bill Gates</td>
          </tr>
          <tr>
          <th rowspan="2">電話</th>
          <td>555 77 854</td>
          </tr>
          <tr>
          <td>555 77 855</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何定義跨行或跨列的表格單元格。
          表格內的標簽
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <table border="1">
          <tr>
          <td>
          <p>這是一個段落。</p>
          <p>這是另一個段落。</p>
          </td>
          <td>這個單元包含一個表格：
          <table border="1">
          <tr>
          <td>A</td>
          <td>B</td>
          </tr>
          <tr>
          <td>C</td>
          <td>D</td>
          </tr>
          </table>
          </td>
          </tr>
          <tr>
          <td>這個單元包含一個列表：
          <ul>
          <li>蘋果</li>
          <li>香蕉</li>
          <li>菠蘿</li>
          </ul>
          </td>
          <td>HELLO</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何顯示在不同的元素內顯示元素。
          單元格邊距(Cell padding)
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>沒有 cellpadding：</h4>
          <table border="1">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          <h4>帶有 cellpadding：</h4>
          <table border="1"
          cellpadding="10">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何使用 Cell padding 來創建單元格內容與其邊框之間的空白。
          單元格間距(Cell spacing)
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>沒有 cellspacing：</h4>
          <table border="1">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          <h4>帶有 cellspacing：</h4>
          <table border="1"
          cellspacing="10">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何使用 Cell spacing 增加單元格之間的距離。
          向表格添加背景顏色或背景圖像
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>背景顏色：</h4>
          <table border="1"
          bgcolor="red">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          <h4>背景圖像：</h4>
          <table border="1"
          background="./imagecopy1234567890/test.gif">
          <tr>
          <td>First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td>Second</td>
          <td>Row</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何向表格添加背景。
          向表格單元添加背景顏色或者背景圖像
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <h4>單元背景：</h4>
          <table border="1">
          <tr>
          <td bgcolor="red">First</td>
          <td>Row</td>
          </tr>
          <tr>
          <td
          background="./imagecopy1234567890/test.gif">
          Second</td>
          <td>Row</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何向一個或者更多表格單元添加背景。
          在表格單元中排列內容
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <table width="400" border="1">
          <tr>
          <th align="left">消費項目....</th>
          <th align="right">一月</th>
          <th align="right">二月</th>
          </tr>
          <tr>
          <td align="left">衣服</td>
          <td align="right">1.10</td>
          <td align="right">.20</td>
          </tr>
          <tr>
          <td align="left">化妝品</td>
          <td align="right">.00</td>
          <td align="right">.45</td>
          </tr>
          <tr>
          <td align="left">食物</td>
          <td align="right">0.40</td>
          <td align="right">0.00</td>
          </tr>
          <tr>
          <th align="left">總計</th>
          <th align="right">01.50</th>
          <th align="right">4.65</th>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何使用 "align" 屬性排列單元格內容,以便創建一個美觀的表格。
          框架(frame)屬性
          [demo]
          <html>
          <head>
          <meta charset="UTF-8">
          </head>
          <body>
          <p><b>注釋：</b>frame 屬性無法在 Internet Explorer 中正確地顯示。</p>
          <p>Table with frame="box":</p>
          <table frame="box">
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          </table>
          <p>Table with frame="above":</p>
          <table frame="above">
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          </table>
          <p>Table with frame="below":</p>
          <table frame="below">
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          </table>
          <p>Table with frame="hsides":</p>
          <table frame="hsides">
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          </table>
          <p>Table with frame="vsides":</p>
          <table frame="vsides">
          <tr>
          <th>Month</th>
          <th>Savings</th>
          </tr>
          <tr>
          <td>January</td>
          <td>0</td>
          </tr>
          </table>
          </body>
          </html>
          [/demo]
          本例演示如何使用 "frame" 屬性來控制圍繞表格的邊框。
          表格標簽
          表格 描述
          <table> 定義表格
          <caption> 定義表格標題。
          <th> 定義表格的表頭。
          <tr> 定義表格的行。
          <td> 定義表格單元。
          <thead> 定義表格的頁眉。
          <tbody> 定義表格的主體。
          <tfoot> 定義表格的頁腳。
          <col> 定義用于表格列的屬性。
          <colgroup> 定義表格列的組。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲综合一区国产精品|
日本一区二区三区不卡在线视频|
香蕉久久ac一区二区三区|
国产吧一区在线视频|
少妇一晚三次一区二区三区|
国产精品成人99一区无码|
国产精品一区12p|
亚洲日韩激情无码一区|
亚洲一区二区在线免费观看|
亚洲一区二区三区免费在线观看|
日韩高清一区二区三区不卡|
无码精品人妻一区|
亚洲伦理一区二区|
在线免费视频一区|
国产内射在线激情一区|
亚洲欧美日韩中文字幕在线一区
|
亚洲一区二区三区不卡在线播放|
亚洲精品无码一区二区|
亚州国产AV一区二区三区伊在|
国产成人精品一区二区三区免费|
精品国产一区二区三区不卡|
天天看高清无码一区二区三区
|
欧亚精品一区三区免费|
一区二区三区在线免费观看视频|
亚洲A∨无码一区二区三区|
成人丝袜激情一区二区
|
精品无码人妻一区二区三区18|
无码欧精品亚洲日韩一区夜夜嗨|
人妻AV一区二区三区精品
|
精品一区二区三区东京热|
国产在线一区二区视频|
奇米精品视频一区二区三区|
三级韩国一区久久二区综合
|
日本中文一区二区三区亚洲|
日韩内射美女人妻一区二区三区
|
3D动漫精品一区二区三区|
精品无码综合一区|
暖暖免费高清日本一区二区三区
|
琪琪see色原网一区二区|
蜜桃无码一区二区三区|
黑人大战亚洲人精品一区|