您好,欢迎访问三七文档
当前位置:首页 > 办公文档 > 统计图表 > css彩色虚线表格制作及鼠标事件的使用
济宁网站建设整理原文地址:彩色虚线表格制作及鼠标事件的使用在我们制作主页的过程中,用到表格的地方非常多,灵活运用表格技巧可以为我们的网页增色不少,这里我就详细介绍CSS彩色虚线表格及JS鼠标指向单元格变色制作方法一、CSS彩色虚线表格styletype=text/css!--.tab1{border-top-width:thin;border-right-width:thin;border-bottom-width:thin;border-left-width:thin;border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-top-color:#00CC66;border-right-color:#0099CC;border-bottom-color:#FF0000;border-left-color:#6699FF;}--/stylep/ptablewidth=230border=0cellpadding=2cellspacing=2class=tab1align=centertrtddivalign=center中国asp之家/div/tdtddivalign=center虚线/div/td/tr济宁网站建设整理原文地址:=center样式/div/tdtddivalign=centerjnhuiteng/div/td/tr/table二、JS鼠标指向单元格变色onmouseout=this.style.backgroundColor=''//鼠标离开效果onmouseover=this.style.backgroundColor='#FFcccc'//鼠标放上去的效果,如果想让鼠标点击时改变单元格背景色可以这么写onclick=this.style.backgroundColor='#FFcccc'可以修改#FFcccc的值来改变颜色tablewidth=227border=1cellspacing=0cellpadding=0align=centertrtdonmouseout=this.style.backgroundColor=''onmouseover=this.style.backgroundColor='#FFcccc'height=30鼠标指向单元格变色/td/trtrtdonmouseout=this.style.backgroundColor=''onmouseover=this.style.backgroundColor='#FFccaa'height=30中国Asp之家,Aspxhome.com/td/tr/table
本文标题:css彩色虚线表格制作及鼠标事件的使用
链接地址:https://www.777doc.com/doc-2907842 .html