<var id="5bizx"></var>
    <var id="5bizx"></var>

    <form id="5bizx"></form>
    <var id="5bizx"></var>

        <form id="5bizx"><small id="5bizx"></small></form>

          專注搜索競價代運營

          成長之選 ,效果之道!

          免費咨詢熱線:17636682598

          html表格居中代碼效果

          日常在做html表格時會使用到table表格,比如有成績表、值日表、學員信息表等,會有排版需求讓文字居中,合并單元格

          table邊框樣式實線虛線

          1. <!DOCTYPE html> 
          2. <html> 
          3.     <head> 
          4.         <meta charset="utf-8"
          5.         <title>通高科技</title> 
          6.         <style> 
          7.             table{ 
          8.                 width: 500px; 
          9.                 border: 1px solid red; 
          10.             } 
          11.             th,tr,td{ 
          12.                 border: 1px dashed red; 
          13.             } 
          14.             td{ 
          15.                 text-align :center; 
          16.                  
          17.             } 
          18.              
          19.         </style> 
          20.     </head> 
          21.     <body> 
          22.         <table > 
          23.             <tr> 
          24.                 <td>1</td> 
          25.                 <td>2</td> 
          26.                 <td>3</td> 
          27.             </tr> 
          28.             <tr> 
          29.                 <td colspan="3">table邊框樣式實線虛線</td> 
          30.             </tr> 
          31.         </table> 
          32.     </body> 
          33. </html> 

          table邊框顏色樣式

          1. <!DOCTYPE html> 
          2. <html> 
          3.     <head> 
          4.         <meta charset="utf-8"
          5.         <title>通高科技</title> 
          6.         <style> 
          7.             table{ 
          8.                 width: 500px; 
          9.                 border-color: aqua; 
          10.             } 
          11.             td{ 
          12.                 text-align :center; 
          13.                  
          14.             } 
          15.              
          16.         </style> 
          17.     </head> 
          18.     <body> 
          19.         <table border="1" > 
          20.             <tr> 
          21.                 <td>1</td> 
          22.                 <td>2</td> 
          23.                 <td>3</td> 
          24.             </tr> 
          25.             <tr> 
          26.                 <td colspan="3">table邊框顏色</td> 
          27.             </tr> 
          28.         </table> 
          29.     </body> 
          30. </html> 

          html表格代碼

          1、首先新建一個html,點擊中間,先填入表格內容;

          2、style樣式控制,設置高度顏色等

          1. <!DOCTYPE html> 
          2. <html> 
          3.     <head> 
          4.         <meta charset="utf-8"
          5.         <title>通高科技</title> 
          6.         <style> 
          7.             table{ 
          8.                 width: 500px; 
          9.                 border-collapse : collapse; 
          10.             } 
          11.             td{ 
          12.                 text-align :center; 
          13.                  
          14.             } 
          15.              
          16.         </style> 
          17.     </head> 
          18.     <body> 
          19.         <table border="1"
          20.             <tr> 
          21.                 <td>1</td> 
          22.                 <td>2</td> 
          23.                 <td>3</td> 
          24.             </tr> 
          25.             <tr> 
          26.                 <td colspan="3">456</td> 
          27.             </tr> 
          28.         </table> 
          29.     </body> 
          30. </html> 

          本文分類:營銷學院

          瀏覽次數:91次瀏覽

          發布日期:2022-07-12 15:24:58

          本文鏈接:http://www.citywhit.com/edu/2428.html

          人妻激情视频一区中文字幕,小雪被弄得很舒服,欧美成 人版中文字幕
            <var id="5bizx"></var>
            <var id="5bizx"></var>

            <form id="5bizx"></form>
            <var id="5bizx"></var>

                <form id="5bizx"><small id="5bizx"></small></form>