(摘自书馆“留言交流”)
网海淘沙:
我想学习制作老师的"单元格变色"表格。见:
《音画创作图片素材总汇(重编)》 http://www.360doc.com/content/13/0227/21/5587937_268301524.shtml“下面截取我制作的“单元格变色表格”代码的一部分,为什么单元格显示的字会出现粉红与蓝两种颜色(老师表格只显示蓝色)?(代码略)
DLLC1234: (回复网海淘沙)
光标没到之前,有的字体是蓝色,有的字体是紫红色?
那是因为有的地址已经访问过,有的没有,访问过的就显示紫红色,以示区别和提醒。
<STYLE>
.whts TD{float:left; width:160px; background:#ffffff; margin:1px; line-height:40px; FONT-SIZE:18px;}
.whts TD a{PADDING-LEFT: 2px;border:1px #E5E5E5 solid; background-color:#ffffff; width:160px; height:46px; margin:0px;float: left;}
.whts TD a:hover{color:#ffffff; text-decoration:none; font-weight:bold; width:150px; border:1px #717171 solid; background-color: #ff2e2e; border-top-color:#ffffff; border-left-color:#ffffff}
</STYLE>
这一段是定义代码,通常放在最前面。
<DIV class=whts>是开始执行定义代码,想定义谁,就放在谁前面,想结束定义就用</div>指示结束定义,尤其是做首页模块的时候,必须有这个指示,否则整个首页都要执行这个定义,就连360图书馆的系统代码都要执行这个定义,整个版面就乱套了。
应该这样:
STYLE>
.whts TD{float:left; width:160px; background:#ffffff; margin:1px; line-height:40px; FONT-SIZE:18px;}
.whts TD a{PADDING-LEFT: 2px;border:1px #E5E5E5 solid; background-color:#ffffff; width:160px; height:46px; margin:0px;float: left;}
.whts TD a:hover{color:#ffffff; text-decoration:none; font-weight:bold; width:150px; border:1px #717171 solid; background-color: #ff0000; border-top-color:#ffffff; border-left-color:#ffffff}
</STYLE>
<DIV class=whts>
<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-BOTTOM-COLOR: #0c0002; TEXT-ALIGN: left; BORDER-RIGHT-STYLE: double; BORDER-TOP-COLOR: #0c0002; WIDTH: 680px; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: double; HEIGHT: 40px; BORDER-RIGHT-COLOR: #0c0002; BORDER-LEFT-STYLE: double; BORDER-LEFT-COLOR: #0c0002" title=border=1 cellSpacing=4 cellPadding=5 width=680>
<TBODY>
<TR>
<TR style="TEXT-ALIGN: left">
<TD><A href="
http://bbs.voc.com.cn/forum-294-1.html" target=_blank>华声论坛网</A></TD>
<TD><A href="
http://www.cctv118.com/" target=_blank>百合音画网</A></TD>
<TD><A href="
http://pyxj.16789.net/" target=_blank>春水音画坊</A></TD>
<TD><A href="
http://www.yyjxkj.com/" target=_blank>天使驿站网</A></TD></TR>
<TR>
<TD><A href="
http://www.cn11111.cn/" target=_blank>中国闪客网</A></TD>
<TD><A href="
http://redbird.uueasy.com/" target=_blank>红雀林音画</A></TD>
<TD><A href="
http://xydhw010.com/" target=_blank>小雨动画苑</A></TD>
<TD><A href="
http://yzdh009.2000y.net/" target=_blank>中国动音画</A></TD></TR>
</TD></TR></TBODY></TABLE></DIV>
效果:
华声论坛网百合音画网春水音画坊天使驿站网中国闪客网红雀林音画小雨动画苑中国动音画莫愁书苑:
DLLC1234老师您好,我找的去掉下划线代码,效果不错,该代码啥意思我还不明白,反正能去掉下滑线,请老师指点。 网海淘沙馆友您好,借此地和您一起向老师学习了,打扰了,祝好。
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:none}
--!>
</style>
text-decoration: none--没有下面横线代码
text-decoration: underline--有下面横线代码
DLLC1234:
我代码里面本来就有隐藏下划线设置,text-decoration:none; 请认真看。
无需另加:
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:none}
--!>
</style>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。