DIV教程之HTML和CSS做网页实例教程:网页列表隔行变色

只看该作者 · 发表于 2015-1-15 23:11:04

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

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

x

提高易用性。使用CSS可以结构化HTML，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。
破洛洛文章简介：HTML和CSS做网页实例教程:网页列表隔行变色.
本贴代码完成的是“隔行变色”。

仅供老手参考进修，接待人人提出更多的完成办法。
<!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>隔行变色</title>
<scripttype="text/javascript"></script>
<styletype="text/css">
.listul{position:relative;background:url(这里放一个背景图片)repeat00;width:400px;}
.listulli{height:32px;line-height:32px;}
.listulliem{position:absolute;right:0px;}
</style>
</head>
<body>
<divclass="list">
<h3>这是隔行变色啊..</h3>
<ul>
<li><ahref=""alt="">这是隔行变色啊...</a><em>(2009-8-20)</em></li>
<li><ahref=""alt="">这是隔行变色啊...</a><em>(2009-8-20)</em></li>
<li><ahref=""alt="">这是隔行变色啊...</a><em>(2009-8-20)</em></li>
<li><ahref=""alt="">这是隔行变色啊...</a><em>(2009-8-20)</em></li>
<li><ahref=""alt="">这是隔行变色啊...</a><em>(2009-8-20)</em></li>
</ul>
</div>
</body>
</html>
</p>
一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。

只看该作者 · 发表于 2015-1-25 12:42:15

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-2-2 22:14:16

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

只看该作者 · 发表于 2015-2-8 14:10:08

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

只看该作者 · 发表于 2015-2-25 19:04:58

HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）

只看该作者 · 发表于 2015-3-8 02:42:09

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

只看该作者 · 发表于 2015-3-15 21:45:28

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-3-22 05:51:35

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

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

[DIV+CSS] DIV教程之HTML和CSS做网页实例教程:网页列表隔行变色

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

相关帖子