在HTML表格中加入CSS的方法有多種,以下是一些常見的做法:
1、內(nèi)聯(lián)樣式:直接在HTML元素中添加style
屬性,然后寫入CSS代碼。
<table style="width: 100%; border-collapse: collapse;"> <tr> <td style="background-color: #f0f0f0; border: 1px solid #000;">Cell 1</td> <td style="background-color: #e0e0e0; border: 1px solid #000;">Cell 2</td> </tr> </table>
2、內(nèi)部樣式表:在HTML文檔的<head>
部分添加<style>
標(biāo)簽,然后寫入CSS代碼。
<head> <style> table { width: 100%; border-collapse: collapse; } td { background-color: #f0f0f0; border: 1px solid #000; } </style> </head> <body> <table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> </body>
3、外部樣式表:創(chuàng)建一個(gè)單獨(dú)的CSS文件,然后在HTML文檔的<head>
部分添加<link>
標(biāo)簽,指向該CSS文件。
<head> <link rel="stylesheet" href="styles.css"> </head> <body> <table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> </body>
在styles.css
文件中寫入CSS代碼:
table { width: 100%; border-collapse: collapse; } td { background-color: #f0f0f0; border: 1px solid #000; }
這種方法可以使HTML文檔與樣式表分離,便于維護(hù)和管理。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。