CSS - Tabellenzeilen bei :hover hervorheben

Myanmar Lomé Tarawa Niamey Asunción Naypyidaw
Paraguay Lusaka Abuja Asunción Hanga Roa Saint-Denis
Ecuador Quito Tarawa Port Louis Niamey Funafuti
Tonga Victoria Nukuʻalofa Lomé Saint-Denis Niamey
Tuvalu Abuja Lusaka Asunción Funafuti Mbabane

<style>

table#table {
 
border-spacing5px;
}

table#table th,
table#table td {
 
borderSolid 1px #FF8000;
 
padding5px;
 
text-alignLeft;
}

table#table th.frage {
 
color#F07800;
}

table#table th.zeile1:hover + td,
table#table th.zeile2:hover + td  + td,
table#table th.zeile3:hover + td  + td  + td,
table#table th.zeile4:hover + td  + td  + td  + td,
table#table th.zeile5:hover + td  + td  + td  + td  + td {
 
box-shadowInset 0px 0px 100px 100px #FF8000;
}
</
style>

<
table id="table">
 <
tr>
  <
th class="zeile5 frage">Myanmar</th>
  <
td>Lomé</td>
  <
td>Tarawa</td>
  <
td>Niamey</td>
  <
td>Asunción</td>
  <
td>Naypyidaw</td>
 </
tr>
 <
tr>
  <
th class="zeile3 frage">Paraguay</th>
  <
td>Lusaka</td>
  <
td>Abuja</td>
  <
td>Asunción</td>
  <
td>Hanga Roa</td>
  <
td>Saint-Denis</td>
 </
tr>
 <
tr>
  <
th class="zeile1 frage">Ecuador</th>
  <
td>Quito</td>
  <
td>Tarawa</td>
  <
td>Port Louis</td>
  <
td>Niamey</td>
  <
td>Funafuti</td>
 </
tr>
 <
tr>
  <
th class="zeile2 frage">Tonga</th>
  <
td>Victoria</td>
  <
td>Nukuʻalofa</td>
  <
td>Lomé</td>
  <
td>Saint-Denis</td>
  <
td>Niamey</td>
 </
tr>
 <
tr>
  <
th class="zeile4 frage">Tuvalu</th>
  <
td>Abuja</td>
  <
td>Lusaka</td>
  <
td>Asunción</td>
  <
td>Funafuti</td>
  <
td>Mbabane</td>
 </
tr>
</
table>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<div> Allgemeines Block-Element

CSS - Externe URL des Hyperlinks sichtbar machen

PHP - Kreisumfang berechnen

JavaScript - Prüfen, ob die Zahl gerade oder ungerade ist

MySQL - Spalten aktualisieren

Gesamter Inhalt zentriert
Vor allem Anfänger machen oft den Fehler die gesamte Webseite "auf die Mittelachse zu schrauben". Zentrierten Text sollte man verwenden, wenn man etwas hervorheben möchte, für längere Textpassagen ist er denkbar ungeeignet, weil er sehr schlecht lesbar ist. Eine Seite, auf der alles zentriert ist, macht einen unprofessionellen Eindruck.