首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

CSS范例(六):实现网页固定大小三态图形按钮简单方法

2012-11-01 
CSS实例(六):实现网页固定大小三态图形按钮简单方法  声明:基本知识,初级应用。  今天想出一种三态图形按钮

CSS实例(六):实现网页固定大小三态图形按钮简单方法
  声明:基本知识,初级应用。

  今天想出一种三态图形按钮实现方式,制作超简单,文字可以随意修改,各种浏览器表现一致,不含任何JS脚本。

  需要一个图片文件:




  网页代码:



  最终效果:




  有个限制,按钮的大小固定成几种尺寸模式,一般来讲,网页上的图形按钮应该也就几种大小,不会有各种各样大小的按钮。固定按钮大小,可以获得非常简洁的代码。

  IE6不支持hover伪类,很让人郁闷。不过不影响外观。

,加油……

热点排行