当前位置:编程学习 > html/css >>

table动态改变颜色包括一个边框

答案:
#region 声明
//----------------------------------------------------------------------
//
// 作者: 李淼(Nick.Lee)
//
// table动态改变颜色包括一个边框

// 时间:2005-3-1,我做了两天的效果哦

// boyorgril@msn.com
// QQ:16503096
//注意:引用请标明出处,如果觉得好请up一下或评论一下,谢谢
//----------------------------------------------------------------------
#endregion

<HTML>
<HEAD>
<title>table动态改变颜色包括一个边框</title>
</HEAD>

<form name="Form1" method="post" action="topmenu_main.aspx" id="Form1">

<table style="width: 100%;font-size:9pt;" border=0 cellpadding="0" cellspacing="0" id="datagrid1"><tr><td>

<table style="border: SOLID 1px blue;border-top: -1px;  width: 100%;" cellpadding="0" cellspacing="0">
<tr>
 <td>
  <table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
  <tr bgcolor="#8888BB" align="center" style="color:white;">
   <td style="width:20%;">&nbsp;</td>
          <td style="width:20%;">&nbsp;</td>
          <td style="width:20%;">编号</td>
          <td style="width:20%;">中文名称</td>
          <td style="width:20%;">图片Url</td>
  </tr>
  </table>
 </td>
</tr>
</table>

<table style="border: SOLID 1px blue; border-top: 0px; width: 100%" cellpadding="0" cellspacing="0"
    OnMouseOver="this.style.border='SOLID 1px BLACK'; this.style.marginTop=-1"
    OnMouseOut ="this.style.border='SOLID 1px blue'; this.style.marginTop=0; this.style.borderTop='0px'">
<tr>
 <td>
  <table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
  <tr align="center" bgcolor="#EEEEFA" onMouseOut="this.style.backgroundColor='#EEEEFA';this.style.cursor='hand';" onmouseOver="this.style.backgroundColor='#C0C0FF'">
       <td style="width:20%;color:red;">添加</td>
          <td style="width:20%;color:red;">删除</td>
          <td style="width:20%;">00001</td>
          <td style="width:20%;">Nick</td>
          <td style="width:20%;">图片1</td>
  </tr>
  </table>
 </td>
</tr>
</table>

<table style="border: SOLID 1px blue; border-top: 0px; width: 100%" cellpadding="0" cellspacing="0"
    OnMouseOver="this.style.border='SOLID 1px BLACK'; this.style.marginTop=-1"
    OnMouseOut ="this.style.border='SOLID 1px blue'; this.style.marginTop=0; this.style.borderTop='0px'">
<tr>
 <td>
  <table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
  <tr align="center" bgcolor="#EEEEFA" onMouseOut="this.style.backgroundColor='#EEEEFA';this.style.cursor='hand';" onmouseOver="this.style.backgroundColor='#C0C0FF'">
       <td style="width:20%;color:red;">添加</td>
          <td style="width:20%;color:red;">删除</td>
          <td style="width:20%;">00002</td>
          <td style="width:20%;">Rick</td>
          <td style="width:20%;">图片2</td>
  </tr>
  </table>
 </td>
</tr>
</table>
</td></tr></table>
  
</form>
</HTML>



上一个:5日精通CSS层叠样式表 1.1 第1日
下一个:常用CSS缩写语法总结

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,