|
<table class="tip-normalmain-table" cellSpacing="0" cellPadding="0"
border="0" width="653">
<tr>
<td class="tip-normalmaintitle-td" width="653">테이블에 마우스오버 적용하기</td>
</tr>
<tr>
<td class="tip-normalmaincontant-td" width="653">
<table class="tip-main-table" cellSpacing="0" cellPadding="0"
border="0">
<tr>
<td class="tip-main-td">
<table height="150" cellSpacing="0" cellPadding="5" width="646"
border="0">
<tr>
<td width="311" height="50%">
<table height="100%" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr align="middle">
<td onmouseover="this.style.backgroundColor='#E2E3FA'" style="border:
1px solid #b8cfff" onmouseout="this.style.backgroundColor=''"
width="50%">
여기는 </td>
<td onmouseover="this.style.backgroundColor='#E0E0E0'"
style="border-left: 0px solid #b8cfff; border-right: 1px solid #b8cfff;
border-top: 1px solid #b8cfff; border-bottom: 1px solid #b8cfff"
onmouseout="this.style.backgroundColor=''" width="50%">
셀 단위로 </td>
</tr>
<tr align="middle">
<td onmouseover="this.style.backgroundColor='#CFDFFF'"
style="border-left: 1px solid #b8cfff; border-right: 1px solid #b8cfff;
border-top: 0px solid #b8cfff; border-bottom: 1px solid #b8cfff"
onmouseout="this.style.backgroundColor=''" width="50%">
<p align="center"> </td>
<td onmouseover="this.style.backgroundColor='#D7C5F8'"
style="border-left: 0px solid #b8cfff; border-right: 1px solid #b8cfff;
border-top: 0px solid #b8cfff; border-bottom: 1px solid #b8cfff"
onmouseout="this.style.backgroundColor=''" width="50%">
바뀝니다 </td>
</tr>
</table>
</td>
<td rowSpan="2" width="315">
<table onmouseover="this.style.backgroundColor='#CFDFFF'" onmouseout="this.style.backgroundColor=''"
height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr align="middle">
<td style="border: 1px solid #b8cfff" width="50%">
여기는 </td>
<td style="border-left: 0px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 1px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
테이블 전체가</td>
</tr>
<tr align="middle">
<td style="border-left: 1px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 0px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
<p align="center"> </td>
<td style="border-left: 0px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 0px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
<p align="center">바뀝니다 </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="311" height="50%">
<table height="100%" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr onmouseover="this.style.backgroundColor='#E2E3FA'" onmouseout="this.style.backgroundColor=''"
align="middle">
<td style="border: 1px solid #b8cfff" width="50%">
여기는 </td>
<td style="border-left: 0px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 1px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
줄 단위로 </td>
</tr>
<tr onmouseover="this.style.backgroundColor='#CFDFFF'" onmouseout="this.style.backgroundColor=''"
align="middle">
<td style="border-left: 1px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 0px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
<p align="center"> </td>
<td style="border-left: 0px solid #b8cfff; border-right: 1px solid
#b8cfff; border-top: 0px solid #b8cfff; border-bottom: 1px solid
#b8cfff" width="50%">
바뀝니다 </td>
</tr>
</table>
</td>
</tr>
</table> | 
추천 : 