HTML表格样式
9675人閱讀
行跟列背景顏色的選擇，合并等
列的顏色選擇代碼
<colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="1" bgcolor="cyan"></colgroup>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
行跟列的合并代碼
<th colspan="2" rowspan="2">操作</th> <td colspan="2">平均:</td>
- 1
- 2
<!DOCTYPE html> <html> <style type="text/css"> td{ text-align:center; } a{ text-decoration: none; } img{ width: 25px;height:25px; border-radius: 50%; align="left"; } </style> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <!-- <strong></strong> <em></em> <pre></pre>格式化原樣式輸出 --> <br><br> <table border="1" cellspacing="0" cellpadding="5" align="center" width="40%"> <caption><strong>明星排行榜</strong> <a href="">添加</a></caption> <!-- <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="1" bgcolor="cyan"></colgroup> --> <!-- thead,tbody,tfoot表格的分區 --> <tr bgcolor="skyblue"> <th colspan="2">信息</th> <th colspan="3">三圍</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="skyblue"> <th>ID</th> <th>姓名</th> <th>腰圍</th> <th>胸圍</th> <th>臀圍</th> </tr> <tr> <td>01</td> <td><img src="./images/3.png" align="left">波多</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">編輯</a></td> <td><a href="">刪除</a></td> </tr> <tr> <td>02</td> <td ><img src="./images/3.png" align="left">瑪利亞</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">編輯</a></td> <td><a href="">刪除</a></td> </tr> <tr> <td>03</td> <td><img src="./images/3.png" align="left">淺川梨奈</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">編輯</a></td> <td><a href="">刪除</a></td> </tr> <tr> <td>04</td> <td><img src="./images/3.png" align="left">蒼老師</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">編輯</a></td> <td><a href="">刪除</a></td> </tr> <!-- <tbody> <tr bgcolor="lightyellow"> <td colspan="2">平均:</td> <td>88</td> <td>59</td> <td>85</td> </tr> </tbody> --> </table> <p align="center"> <a href="">首頁</a> <a href="">上一頁</a> <a href="">...</a> <a href="">下一頁</a> <a href="">尾頁</a> </p> </body> </html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
html
來自專欄
前端
?志男?15篇文章??0人訂閱
發布于2020-06-10著作權歸作者所有
相關推薦更多
漂亮的表格css+html
spadgerice?0 下載
html?好看表格樣式,簡單但是好看的表格樣式
weixin_39521651?1534 閱讀??0 評論
html表格邊框空心,各種表格樣式示例及代碼
文韜菌?877 閱讀??0 評論
熱門推薦?【表格樣式】——HTML制作表格大全
數據的流?10萬+ 閱讀??1 評論
如何使用 CSS 設置?HTML?表格樣式
allway2?2938 閱讀??0 評論
HTML中的表格以及對表格樣式的處理
一碗周.?4218 閱讀??1 評論
HTML——表格的基本樣式_iheyu的博客_表格html?表格樣式
1.在頁面里面做表格用——> <table></table>——>在頁面的表格是怎么定義的——>表格組成元素是行——> <tr></tr> ——>把一行分成了若干單元格——>標題標簽——> <th></th>——> 內容標簽——><td></td>; 2.表格...
html表格以及常用CSS樣式_丨Q ,Q丨的博客
二.表格常用的CSS樣式?boder-spacing : 數值; 用來設置邊框的距離 bordr-collapse : collapse; 用來設置邊框合并 如果設置了border-collapse,boder-spacing失效 使用偽元素設置隔行變色 tr:nth-child(even){ ...
html表格展開格式,4款簡單常見的純CSS表格(table)樣式
本文介紹4款簡單常見的純CSS表格(table)樣式。 1、默認表格(default table) 添加pure-table類樣式化表格, 此類向表元素添加填充(padding)和邊框(borders),并使表頭突出。 默認表格?html代碼html> ...
漂亮html表格頁面模板,四款好看實用的CSS表格樣式分享
1. 單像素邊框CSS表格?這是一個簡單但是常用的表格樣式。 源代碼: 實例 table.gridtable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse...
html基本樣式及表格_ammzsthl的博客
html基本樣式及表格?1.類選擇器(.clase) 通過給標簽元素起一個classname類名的方式 在編寫樣式時 用類名來獲取該元素 2.id選擇器(#id) 給元素期一個id名 用來獲取該元素設置樣式的時候使用 一個元素 可以同時有id名和類名...
html表格內文本樣式,HTML中表格和表單的簡單構造和樣式
現在一般網頁上都有表單,也有表格,但是少。?表格?在HTML網頁上建立表格需要有?表格標簽?表格內標題、表格內內容、 rowspan和colspan是表格跨行跨列的屬性,其中rowspan是跨行,colspan是跨列。
html的表格怎么設置樣式,html?靜態表格樣式的設置
weixin_39637545?1993 閱讀??0 評論
最新發布?html表格··表格樣式··長表格
亂凌曦彧?148 閱讀??0 評論
html表格的基礎知識及源代碼-尚硅谷
小付學前端?460 閱讀??0 評論
HTML中表格樣式有哪些,HTML中表格屬性有哪些？
壽文彬戰略咨詢?437 閱讀??0 評論
總結
- 上一篇： 批量下载小说网站上的小说（python爬
- 下一篇： html5 应用框架,基于HTML5移动