返回首頁
當前位置: 主頁 > 網絡編程 > Asp實例教程 >

HTML會變色的表格代碼

時間:2012-10-04 20:26來源:知行網www.wzliqi.com 編輯:麥田守望者

會變色的表格

<style>

table

{

border-collapse:collapse;

border:1px solid black

}

td

{

height:30px;

border:1px solid black

}

</style>

<table width="600" cellpadding="0" cellspacing="0" border="1" >

<tr style="background:#C2DFF1;text-align:center">

<td colspan="3"><b>會變色的表格</b></td>

</tr>

<tr onmouseover="this.bgColor='#C2DFF1'" onmouseout="this.bgColor='#ffffff'">

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr onmouseover="this.bgColor='#C2DFF1'" onmouseout="this.bgColor='#ffffff'">

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr onmouseover="this.bgColor='#C2DFF1'" onmouseout="this.bgColor='#ffffff'">

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>


顯示效果如下:(因為網易屏蔽了js,固請大家將代碼復制到新建的網頁中運行)

會變色的表格
     
     
     

------分隔線----------------------------
標簽(Tag):html5 HTML html技巧 html實例教程 html源代碼 html基礎教程
------分隔線----------------------------
推薦內容
猜你感興趣
久久99久久99精品免视看