[原创]table动态改变颜色包括一个边框

最新推荐文章于 2021-09-09 14:51:46 发布
最新推荐文章于 2021-09-09 14:51:46 发布
阅读量1.4k 收藏
点赞数
分类专栏： ASP.Net 文章标签： table border datagrid action function html
<script type="text/javascript"> function StorePage() { d=document; t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():''); void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes')); keyit.focus(); } </script> 

#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>
johnsonTj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中表格内边框颜色,html表格边框颜色 Word中的表格如何设置表格内边框的颜色...
weixin_35733790的博客
06-17 8271
html 表格上下左右边框颜色各不同，怎么设置？html是一种网页代码，即在网页中显示的格式，当需要表格左右显示不同的颜色时，可以分开设置，如：border-top:1px solid red;border-right:1px solid blue;border-bottom:1px solid orange;border-left:1px solid pink。怎么修改HTML表格内边框颜色HT...
js动态表格数据动态设置颜色
l_blackeagle的博客
12-21 7812
首先需求是这样的： 831331048160200 - 北京 超过2800w显示红色 831331048160198 - 天津 不限制 831290048160214 - 广州 超过2000w显示红色 数据是同一属性的不同id 以及不同的名称： 所以查出来的数据为一个属性下面不同的值： 比如： 球 球的号码 不同 设置几号几号为什么颜色 几号几号
html表格边框的设置
热门推荐
wqjsir的专栏
12-28 9万+
html表格边框的设置 这里介绍两种html表格边框的设置方法。 第一种是直接使用表格的border属性设置 第二种是利用表的背景色来设置边框 先来看第一种   源码 直接使用表的 "border" 属性设置边框线 名称 分类 苹果
table动态改变颜色包括一个边框
Cmoremore的程序大宅门
03-09 1580
#region 声明//----------------------------------------------------------------------//// 作者: 李淼（Nick.Lee）//// table动态改变颜色包括一个边框// 时间:2005-3-1，我做了两天的效果哦// boyorgril@msn.com// QQ:16503096//注意：引用请标明出处，如果觉得
设置表格边框颜色
游海东的技术专栏
07-25 3112
1、源码如下： 设置表格边框颜色 body{ width: 1250px; height: 550px; font-size: 12px; color: #FF00FF; } .tab{
html 表格的边框颜色代码,html 表格细边框处理
weixin_34378986的博客
06-05 1769
html 表格细边框处理样式表如下：table#border{border-top:#000 1px solid;border-left:#000 1px solid;}table#border td{border-bottom:#000 1px solid;border-right:#000 1px solid;}然后再要加边框的html文件中加上相关文档：一、img+文字 在一个div 里面如...
一个属性border-collapse解决Table的边框问题
09-25
在早期的网页设计中，表格的边框通常需要通过设置单元格（Cell）的边框宽度和颜色来实现，每设置一个单元格的边框，实际上是为该单元格添加了四个独立的边框。由于每个单元格都有独立的边框，当表格中出现多个相邻...
CSS控制Table内外边框、颜色、大小示例
09-25
这将在表格的外部创建一个1像素宽的实线边框，颜色为#add9c0。 3. **内边框设置**： 为每个单元格（`td`元素）添加内边框，需要直接对`.td`选择器进行设置。例如： ```css .td { border: solid 1px #add9c0; ...
JS动态改变表格边框宽度的方法
10-24
表格由`<table>`开始标签定义，通常会跟随一个或多个`<tr>`行标签，每一行中包含一个或多个`<td>`单元格标签，用于存放数据。表格的边框宽度在HTML中可以通过设置`border`属性来控制，属性值表示边框的粗细，单位是...
html设置单元格边框颜色
行善之人必有余庆
05-19 2万+
设置单元格边框颜色 考试成绩 姓名 语文 数学 英语 物理 化学 李 94 89 87 56 97 孙 94 87 84 86 87 王 82 84 87 86 77
如何给bootstrap table设置行列单元格样式
uncle_yiba的博客
08-16 3万+
1、根据单元格或者行内其他单元格的内容，给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:"center", formatter:function(value, row, index){ return index+1; }, cellStyle:{ css:{ "background-c
css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式
weixin_32946431的博客
06-11 6453
设置表格边框样式的方法：1、给table元素添加“border:边框宽度 边框样式 边框颜色”样式，可给整个表格设置边框样式；2、给td元素添加“border:边框宽度 边框样式 边框颜色”样式，可给每个单元格设置边框样式。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。CSS如何设置table表格边框样式对table设置css样式边框，分为几种...
051 ＜css语法＞ 学习之: 常用标签(input等)
WLB 的博客
09-09 4560
标签 输入 input 一个样例 <form action="/demo/demo_form.asp"> First name:<br> <input type="text" name="firstname" value="Mickey"><br> Last name:<br> <input type="text" name="lastname" value="Mouse"><br><b
element ui修改el-table某一个表格单元格边框颜色
最新发布
11-07
要修改element ui中el-table某一个表格单元格边框颜色，可以按照以下步骤进行操作： 1. 将el-table包在自定义组件（page_table）里面，以便于重复使用。 2. 设置除表头单元格边框样式，即在page_table中设置cell-style属性为"{borderColor:'#C0C0C0'}"，其中#C0C0C0为所需的边框颜色。 3. 在需要修改边框颜色的单元格中，设置该单元格的style属性为"{borderColor:'#C0C0C0'}"，其中#C0C0C0为所需的边框颜色。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值