2016-07-20 6 views
0

Wordpressでテーブルを作成して、行の色を交互に変更し、マウスのカーソルを強調表示する方法を教えてください。あなたは色やあなたが強調表示させたい行の詳細を与えていないので、Wordpressのテーブルで、行の色とマウスのカーソルがハイライト表示されます

<div style="overflow-x: auto;"> 
<table style="font-size: 16px; border: 1px solid black;" cellspacing="0" cellpadding="0"> 
<tbody> 
<tr style="background-color: #4caf50; color: white;"> 
<td colspan="4"> 
<p style="text-align: center;">Flower Seeds</p> 
</td> 
</tr> 
<tr style="background-color: #4caf50; color: white;"> 
<td colspan="2" align="center"> 
<p align="center"><b>For Winter</b></p> 
</td> 
<td colspan="2" align="center"> 
<p align="center"><b>For Summer and Monsoon</b></p> 
</td> 
</tr> 
<tr> 
<td valign="bottom"> 
<p align="center"><span style="color: #ff0000; font-family: Arial; font-size: medium;"><b>Sowing From </b></span><span style="color: #ff0000; font-family: Arial; font-size: medium;"><b>Seedling</b></span></p> 
</td> 
<td valign="bottom"> 
<p align="center"><span style="color: #ff0000; font-family: Arial; font-size: medium;"><b>Direct Sowing From Seed</b></span></p> 
</td> 
<td valign="bottom"> 
<p align="center"><span style="color: #ff0000; font-family: Arial; font-size: medium;"><b>Sowing From Seedling</b></span></p> 
</td> 
<td valign="bottom"> 
<p align="center"><span style="color: #ff0000; font-family: Arial; font-size: medium;"><b>Direct Sowing From Seed</b></span></p> 
</td> 
</tr> 
<tr> 
<td valign="bottom"><span style="color: #000000; font-family: Arial; font-size: medium;">Acroclineum (Helipterum)</span></td> 
<td valign="bottom"><span style="color: #000000; font-family: Arial; font-size: medium;">Alyssum (Lobularia)</span></td> 
<td valign="bottom"><span style="color: #000000; font-family: Arial; font-size: medium;">African Marigold orange</span></td> 
<td valign="bottom"><span style="color: #000000; font-family: Arial; font-size: medium;">Balsam</span></td> 
</tr> 

答えて

1

はここjsfiddle

を参照してください。私はこの例を作った。あなたはそれを変えることができますどのようにそれを変更することができます

助けが私に教えてください。

関連する問題