主頁 > 知識庫 > HTML table 表格邊框的實現(xiàn)思路

HTML table 表格邊框的實現(xiàn)思路
熱門標(biāo)簽：黃石ai電銷機(jī)器人呼叫中心 惡搞電話機(jī)器人 電話機(jī)器人技術(shù) 欣鼎電銷機(jī)器人 效果 智能電銷機(jī)器人被禁用了么 ok電銷機(jī)器人 地圖標(biāo)注軟件打印出來 如何查看地圖標(biāo)注 高德地圖標(biāo)注商戶怎么標(biāo)

一、總體思路：

　　1、表格無邊框，背景顏色設(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>

二、效果圖

總結(jié)

以上所述是小編給大家介紹的HTML table 表格邊框的實現(xiàn)思路,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

標(biāo)簽：盤錦 阿壩 金昌 赤峰 中山 萍鄉(xiāng) 聊城 綏化

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML table 表格邊框的實現(xiàn)思路》，本文關(guān)鍵詞  HTML,table,表格,邊框,的,實現(xiàn),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML table 表格邊框的實現(xiàn)思路》相關(guān)的同類信息！
  • 本頁收集關(guān)于HTML table 表格邊框的實現(xiàn)思路的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章