CSS制作3D风格的网页按钮特效代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

热点推荐: 英文字体人民币汇率
dw插件站长常用软件
alexa排名查询

您的位置: 网页特效 -> 图层样式 -> CSS制作3D风格的网页按钮特效代码

CSS制作3D风格的网页按钮特效代码

作者:CSS制作3D风格的网页按钮特效代码发布时间:2007-11-13 14:09:32 发布人: admin

#elButton a  {

color: #000000;

font-size:10px;

font-family:verdana;

font-weight:bold;

text-decoration: none;

border:4px outset aqua;

background-color:#00ffff;

display: block;

width: 160px;

padding: 3px 5px;

margin: 1px;

}

#elButton a:hover {

background-color: #00c0c0;

color:#000000;

padding-left:4px;

border:4px inset aqua;

}

#elButton a  {

color: #000;

font-size:10px;

font-family:verdana;

font-weight:bold;

text-decoration: none;

border:4px outset aqua;

background-color:#00ffff;

display: block;

width: 160px;

padding: 3px 5px;

margin: 1px;

}

#elButton a:hover {

background: #00c0c0;

color:#000000;

padding-left:4px;

border:4px inset aqua;

}

</style>
</head>
<body>

<div>

<a href="#">Java Script</a>

</div>

<div>

<a href="#">Dynamic HTML</a>

</div>

<div>

<a href="#">Server Side</a>

</div>

<div>

<a href="#">Client Side</a>

</div>

</div>
</body>
</html>
<a href="http://web.archive.org/web/20120731024559/http://js.jz123.cn/">欢迎访问中国建站之家网页特效集</a>

CSS制作3D风格的网页按钮特效代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：特效代码：CSS实现光滑圆角效果网页代码下一篇：文章：特效代码：用CSS实现的一个字符显示效果网页代码

网页特效

CSS制作3D风格的网页按钮特效代码

本类浏览排行 »

本站推荐文章 »