首页 > 网站 > WEB开发 > 正文

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

2024-04-27 13:57:15
字体:
来源:转载
供稿:网友

<html>
<body>
<style type="text/CSS">

#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 id="elButton">

   <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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表