Ich möchte mit Ihnen einen schönen HTML-Tabellenstil teilen.
Zuerst müssen Sie zwei herunterladen Bilder,
cell-blue.jpg
cell-grey.jpg
namens cell-blue.jpg und cell -grey.jpg
Kopieren Sie den Code unten an die gewünschte Stelle, denken Sie daran, die Bild-URL zu ändern
<!-- CSS goes in the document HEAD or added to your external stylesheet --> <style type="text/css"> table.imagetable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #999999; border-collapse: collapse; } table.imagetable th { background:#b5cfd2 url('cell-blue.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; } table.imagetable td { background:#dcddc0 url('cell-grey.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; } </style> <!-- Table goes in the document BODY --> <table class="imagetable"> <tr> <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th> </tr> <tr> <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td> </tr> <tr> <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td> </tr> </table>
Freunde, die ihn benötigen, können ihn direkt verwenden, mehr Wie aufregend, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!
Verwandte Lektüre:
Was ist der Unterschied zwischen Klasse und ID?
Wie mache ich die Webseite schwarz-weiß?
Einstellung der Schriftgröße für HTML-Webseiten
Das obige ist der detaillierte Inhalt vonHTML-Tabellenstile. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!