Heim > Web-Frontend > CSS-Tutorial > HTML-Tabellenstile

HTML-Tabellenstile

php中世界最好的语言
Freigeben: 2018-05-15 13:51:37
Original
4455 Leute haben es durchsucht

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(&#39;cell-blue.jpg&#39;);
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
}
table.imagetable td {
background:#dcddc0 url(&#39;cell-grey.jpg&#39;);
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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage