CSS教程之CSS网页隔行换色技能

只看该作者 · 发表于 2015-1-16 00:10:25

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
CSS隔行换色的成绩，实在很复杂，您能够依据您的必要，接纳上面的任何一种办法，固然，要合适你的编码与需讨情况：

1、background背景图片
　　假如行高流动的话，保举利用背景图，也保举将行高流动！兼容统统扫瞄器。

2、CSSExpression
　　笔墨：color:expression(this.sourceIndex%2?#ff0000:#000000);
　　背景：background-color:expression(this.sourceIndex%2?#ff0000:#000000);
　　注重：本办法扫瞄器兼容度不敷，不撑持FF3。

3、class分离界说

<ul>
<liclass="bgcolor">...
<li>...
<liclass="bgcolor">...
<li>...
</ul>
实其实在的写法。

4、经由过程JS看实例

运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>www.poluoluo.com-四种完成CSS隔行换色的办法</title><linkhref="index.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript">functionbgChange(){if(!document.getElementsByTagName)returnfalse;vartables=document.getElementsByTagName("table");for(vari=0;i<tables.length;i++){varodd=false;trs=tables.getElementsByTagName("tr");for(varj=0;j<trs.length;j++){if(odd==true){trs[j].style.background="#ccc";odd=false;}else{odd=true;}}}}window.onload=bgChange;</script></head><body><tablewidth="600"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr></table><scripttype=text/javascript>//<![CDATA[if(document.getElementById(processtime))document.getElementById(processtime).innerHTML="<spanclass=runtimedisplay>Runin184ms,9Queries.</span>";//]]></script></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]

在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

只看该作者 · 发表于 2015-1-18 05:25:28

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

只看该作者 · 发表于 2015-1-18 05:25:28

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-1-24 20:43:16

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-2-2 14:49:55

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

只看该作者 · 发表于 2015-2-8 01:39:38

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

只看该作者 · 发表于 2015-2-24 03:36:13

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

仓酷云 · 发表于 2015-3-7 10:50:03

学Dreamweaver技术的过程其实是一个增加信心的过程。

只看该作者 · 发表于 2015-3-15 03:41:47

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

只看该作者 · 发表于 2015-3-21 20:16:14

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] CSS教程之CSS网页隔行换色技能

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子