table表格細線且去掉外邊框效果
分享一段程式碼例項,它實現實現了細線表格,而且去掉了外邊框。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <table width="708" cellpadding="5" cellspacing="1"> <tbody> <tr bgcolor="#DEE9F4" id="tr_1"> <td align="center">日</td> <td align="center">一</td> <td align="center">二</td> <td align="center">三</td> <td align="center">四</td> <td align="center">五</td> <td align="center">六</td> </tr> <tr bgcolor="#DEE9F4" id="tr_2"> <td align="center"></td> <td align="center"></td> <td align="center"></td> <td align="center">1</td> <td align="center">2</td> <td align="center">3</td> <td align="center">4</td> </tr> <tr bgcolor="#DEE9F4" id="tr_3"> <td align="center">5</td> <td align="center">6</td> <td align="center">7</td> <td align="center">8</td> <td align="center">9</td> <td align="center" bgcolor="red">10</td> <td align="center">11</td> </tr> <tr bgcolor="#DEE9F4" id="tr_4"> <td align="center">12</td> <td align="center">13</td> <td align="center">14</td> <td align="center">15</td> <td align="center">16</td> <td align="center">17</td> <td align="center">18</td> </tr> </tbody> </table> </body> </html>
使用border屬性也可以實現上述效果,但是相對比較麻煩,因為要單獨設定外層td的邊框為0,如果利用cellpadding則相對輕鬆,因為它不涉及td的設定。
相關閱讀:
(1).cellpadding參閱cellspacing和cellpadding的用法一章節。
(2).border-collapse實現細線表格參閱table細線表格詳解一章節。
相關文章
- table細線表格詳解
- CSS 細線表格效果CSS
- CSS細線表格效果CSS
- css table細線表格程式碼CSS
- 如何去掉bootstrap table中表格樣式中橫線豎線boot
- table細線表格例項程式碼
- CSS虛線邊框效果程式碼CSS
- css-虛線邊框滾動效果CSS
- CSS border-collapse 細線邊框CSS
- table 設定合併邊框
- Poi向Word插入表格,設定表格邊框和表格居中
- 影片直播原始碼,去掉Button自帶邊框原始碼
- Dreamweaver製作虛線邊框教程,Dreamweaver怎麼製作虛線表格?
- CSS圖片邊框陰影效果CSS
- CSS3多層邊框效果CSSS3
- 【OpenXml】Pptx的邊框虛線轉為WPF的邊框虛線XML
- 立體感的邊框陰影效果
- 網頁頂部陰影邊框效果網頁
- ElementUI的Table表格新增自定義頭CheckBox多選框UI
- 線上直播原始碼,自定義AlertDialog設定寬高並去掉預設的邊框原始碼
- CSS3邊框動態環繞效果CSSS3
- element-ui table表格元件實現手風琴效果UI元件
- asp.net萬年曆,以及表格邊框設定ASP.NET
- 漸變邊框文字效果?CSS 輕鬆拿捏!CSS
- CSS3實現多樣的邊框效果CSSS3
- 去掉antd的Input元件獲取焦點時的藍色邊框元件
- SVG stroke-dasharray虛線邊框SVG
- delphi cxgrid自定義畫焦點框,把自帶的虛線框去掉
- vue-split-table【表格合併和編輯外掛】Vue
- table表頭單元格斜線效果
- CSS 實現仿 Windows10 滑鼠照亮邊框效果CSSWindows
- CSS table表格美化CSS
- tpextbuilder- Table 表格UI
- HTML <table>表格概述HTML
- python使用flask框架生成excle返回前端(包含圖片、表格、表頭灰色、表格加邊框)PythonFlask框架前端
- CSS 邊框陰影立體邊框CSS
- Adorner實現邊框線條動畫動畫
- CSS將邊框設定為虛線CSS