首页 相关文章 CSS制作网页技巧:单图片按钮实例

CSS制作网页技巧:单图片按钮实例

一般我们做按钮基本上都需要两张图片,一张正常状态的图片,一张按下去效果图片
做这种按钮思路就是,设置链接a的背景为第一张图片,a:hover的背景为第二章图片



代码如下:


HTML代码:
a id="theLink"/a

CSS代码:
#theLink{
display:block;/*因为标签a是内链元素,所以利用这句话将内链元素转化成块状元素,后面的width和height才起作用*/
width:120px;
height:41p...[ 查看全文 ]

2016-02-20 标签:

CSS制作网页技巧:单图片按钮实例的相关文章

手机页面
收藏网站 回到头部