css | ICOjump - 交互设计是衔接用户与产品的工具

[CSS]CSS布局命名参考

2007年06月22日

常用的CSS命名规则
查看全文 »

2007年06月05日

此效果不错，简单，但是对于视觉上来说还是很不错的。
看到了就收集一下，供大家分享

提示：你可以先修改部分代码再运行。

2006年07月23日

<style>
ul,li{ margin:0px; padding:0px;list-style-type: none;}
#nav{font-family: Verdana, "宋体", Arial;}
#nav li{ float:left; margin-left:30px;}
#nav span{display:none;}
#nav a{font-size:12px;font-weight: bold;color: #FF6600;text-decoration: none; display:block;}
#nav a:hover{ color:#999;top:1px; left:1px; position:relative;}
#nav a:hover span{ display:block; top:-2px; left:-2px; position:absolute; color:#FF3300;cursor:pointer;}
</style>
<div id="nav">
<ul>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
</ul>
</div>

2006年07月23日

转自子鼠(zishu.cn)

<style>
/*子鼠 www.zishu.cn*/
body{ font-size:12px; line-height:1.7; margin:50px;}
#linka a:link,#linka a:visited {color: #003399;text-decoration: none;margin:0; padding:0; }
#linka a:hover,#linka a:active{color: #000000;text-decoration: none;background-color: #FFCC33;margin:0; padding:0;}
#linkb a:link,#linkb a:visited {color: #003399;text-decoration: none; padding-top:3px;}
#linkb a:hover,#linkb a:active{color: #000000;text-decoration: none;background-color: #FFCC33;}
</style>
<div id="linka">
<a href="<a href="http://www.zishu.cn" target="_blank">http://www.zishu.cn</a>">这是链接测试一</a>
</div>
<div id="linkb">
<a href="<a href="http://www.zishu.cn" target="_blank">http://www.zishu.cn</a>">这是链接测试二</a>
</div>