当前位置：IDC资讯中心 > 在线教程 > 网页设计 > 正文

table动态改变颜色包括一个边框-网页设计,HTML/CSS

2006-07-15 分类：网页设计阅读(807) 评论(0)

建站超值云服务器，限时71元/月

#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%;”> </td>
          <td style=”width:20%;”> </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>

赞(0)

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com 特别注意：本站所有转载文章言论不代表本站观点！本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。未经允许不得转载：IDC资讯中心 » table动态改变颜色包括一个边框-网页设计,HTML/CSS

相关推荐