天蚕在你身边

不方便打电话?让天蚕联络你

我们存在,我们思索,我们不断进取首页 >> 资讯 >> 网站建设行业新闻
天蚕:如何制作网页制作按钮?

        网页制作要美观,所使用的网页设计技巧当然很多。如使用图片或者gif动画,有的更精巧的更使用到flash下去制作一些功能按钮。但您可能不知专门在使 用在网页制作上的行距或者表格的规范的css,竟然也可以做一些像flash的网页制作效果。例如像一些按钮或一些像是使用flash、gif所制作出来 的动画。其实使用css网页制作技巧的方法还是非常多的。因为css所做出的网页制作技巧看起来不像图那样的粗糙,它完全是类似相量的东西。因此许多人仍 喜欢应用css下去做一些网页制作的效果。

     那如何制作网页制作按钮?

          以下所要介绍的便是在网页制作按钮的技巧。从中我们可了解一些css的语法与应用制作的方式。首先我们必需将css的语法贴在<head> 与</head>之间,再将下方xhtml的语法贴于<body>与</body>之间,这样动态的css所制作的 效果就能立即呈现。<div id="menu">就是将您所要呈现按钮的地方去呼叫上方的css语法。而上方css所制作与设计的语法" #menu a, #menu a:visited { "便是设定按下按钮的一些设定与参数,"#menu a:hover { "则是滑鼠滑过按钮的效果。

制作网页制作按钮的技巧! 

CASCADING STYLE SHEET

#menu a, #menu a:visited { 
  position:relative; 
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff; 
  border-color:#def #678 #345 #cde; 
  padding:0.25em; 
  margin:0.5em auto; 
  }

#menu a:hover { 
  top:2px; 
  left:2px; 
  color:#fff; 
  border-color:#345 #cde #def #678; 
  }


XHTML

<div id="menu"> 
  <a href="#nogo">Item 1</a> 
  <a href="#nogo">Item 2</a> 
  <a href="#nogo">Item 3< /a> 
  <a href="#nogo">Item 4</a> 
  <a href="#nogo">Item 5</a> 
</div>

 

重庆网络公司

 


地址:重庆市渝中区上清寺鑫隆达B座28-8

邮编:400015

电话:023-63612462

EMAIL:cnjl_net@163.com

渝ICP备09007657号-6

渝公网安备 50010302000872号

渝中区网站建设江津网站建设渝北网站建设南坪网站建设大渡口网站建设沙坪坝网站建设九龙坡网站建设巴南区网站建设
北碚网站建设江北网站建设永川网站建设万盛网站建设梁平网站建设秀山网站建设大足网站建设天蚕网络动态