HTML中怎么編寫(xiě)表格邊框

這篇文章主要介紹了HTML中怎么編寫(xiě)表格邊框的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML中怎么編寫(xiě)表格邊框文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

成都創(chuàng)新互聯(lián)始終堅(jiān)持【策劃先行，效果至上】的經(jīng)營(yíng)理念，通過(guò)多達(dá)十余年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的全網(wǎng)營(yíng)銷(xiāo)解決方案，現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶，其中包括：圍欄護(hù)欄等企業(yè)，備受客戶好評(píng)。

總體思路：

1、表格無(wú)邊框，背景顏色設(shè)置一種顏色（#DCDFE6），這樣表格的邊框的顏色就是表格的背景顏色；

2、單元格間距為1px，背景顏色設(shè)置為白色（#FFFFFF）

// CSS
    table { background:#DCDFE6; width: 100%; }
    table td { background:#FFFFF; }
    
    // HTML
    <table border="0" cellspacing="1" cellpadding="0">
         <tr>
           <td colspan="3"><el-checkbox>儀表面板</el-checkbox></td>
         </tr>

         <tr>
            <td rowspan="2"><el-checkbox>渠道管理</el-checkbox></td>
            <td><el-checkbox>渠道列表</el-checkbox></td>
           <td>
              <el-checkbox>新增</el-checkbox>
              <el-checkbox>編輯</el-checkbox>
              <el-checkbox>刪除</el-checkbox>
           </td>
        </tr>
   </table>

關(guān)于“HTML中怎么編寫(xiě)表格邊框”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“HTML中怎么編寫(xiě)表格邊框”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)標(biāo)題：HTML中怎么編寫(xiě)表格邊框
當(dāng)前路徑：http://muchs.cn/article26/iegicg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、企業(yè)建站、移動(dòng)網(wǎng)站建設(shè)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)