DIV+CSS实例(2)_H5之家 - 中国HTML5教程资源分享第一站

　　最近在CSSBBS上看到一个CSS发烧友创作的CSS代码制作美国国旗，很是强大，我这里转帖过来，顺便将代码整理了一下以便于大家的学习，看看强人是怎么玩转CSS的^_^，咱先看一个简单的，制作我们伟大祖国的国旗中国国旗CSS代码 <style>.guoq …（查看全文)

浏览：190次日期： 2012-02-13

CSS实例5例下（实用）

　　7）圆角矩形(运用图片) 代码如下：<div class="roundcont"> <div class="roundtop"> <img src="tl.gif" alt="" width="15" height="15" cl …（查看全文)

浏览：135次日期： 2012-02-13

CSS中的position定位教程 (2)

　　以下是引用片段：body { margin:0; padding:0; text-align:center; } #box{ background:#ff0; position:r …（查看全文)

浏览：166次日期： 2012-02-13

CSS特效-24款经典翻页效果

　　以下为引用的内容： <html><head><meta http-equiv="Content-Type" content="text/ht …（查看全文)

浏览：167次日期： 2012-03-06

CSS制作网页特殊产品列表

　　近日，被同事问及一个产品列表的做法怎么实现？一个产品列表，每个产品列表后面跟一个button，这些button居右对齐。其实这个效果跟新闻列表是类似的，我们常常需要做这样的新闻列表效果：我们通常的做法是，把日期写在span标签里，然后把span标签写在l …（查看全文)

浏览：132次日期： 2012-03-06

HTML/CSS>CSS> DIV+CSS实例

按浏览次数按发布时间

当前第 3 页共 203 页

CSS制作鼠标移动切换图片的按钮（实例教程）

　　这个CSS教程将教你如何使用CSS创造一个漂亮的动态按钮，所谓动态，指的是默认状态和聚焦状态时背景按钮图片不一样，让我们看一下这是怎么完成的: 滑动门因为我们希望我们的按钮是灵活的，我们将要作出的背景图像，可以文本自动改变大小。对于这一点，我 …（查看全文)

浏览：298次日期： 2012-03-06

CSS制作三层分离的导航条（教程实例）

　　本导航菜单想达到的理想目标是： 1.漂亮，有个性。 2.结构清晰，语义明确，无冗余标签。 3.表现、结构、行为三层分离，无侵入式。 4.有利于后台程序的数据输出。 5.菜单有三态效果的变化。 6.能高亮记录点击后的菜单项。 7.自适应文字的 …（查看全文)

浏览：210次日期： 2012-03-06

CSS控制网页文字排版实例

　　CSS功能的强大在webjx.com中早已经展现很多，而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程，但还有许多丰富的CSS排版能力，是很少能查到的。今天的这些实例，为您提供了很多想象和拓展的空间。 …（查看全文)

浏览：216次日期： 2012-03-06

CSS制作网页详细步骤[图/详细]

　　第一步下面是我们将要动手制作的设计图。如前所述，你可以阅读 PSDTUTS上的这篇教程来学习如何做出这样的设计图。在这篇教程里我们只制作首页，不过你可以以此为基础用相同的布局制作内页。第二步首先要做的是确定页面结构。随着你对C …（查看全文)

浏览：209次日期： 2012-03-06

鼠标滑过文字超级链接背景变色

　　效果如下图要实现这个效果。很简单。定义CSS样式 a:hover{ background:#f29901;}这段代码的显示效果如下图显然，这样太丑了。只需要再加上一句a:hover{ background:#f29901; disp …（查看全文)

浏览：182次日期： 2012-03-06

CSS制作网页input输入框立体效果

　　在平时，常常会提醒自己要做一个善于发现的人，时刻发现细节，这样才会更加懂得生活、会让生活更加精彩。在学习上也是如此，我们常常会发现有很网站做的很棒，成了争像模仿的对象，他们好在哪里？一定有他们的可取之处、有他们值得去研究和学习的地方。去年常常玩开心网 …（查看全文)

浏览：166次日期： 2012-03-06

竖排导航栏的实现

　　HTML：以下是引用片段：<div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current" …（查看全文)

浏览：198次日期： 2012-03-12

CSS相对定位DIV投影效果