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

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Link farbig unterstreichen

PHP - PDF-Dateien aus einer Auswahlliste hochladen

JavaScript - Eine Animation ab einer bestimmten Scroll-Position starten

MySQL - Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen