CSS通过a标签伪类打造适用于IE6的按钮型链接

想在IE6内实现悬停效果又不借助JS的话,也只能在a标签上下功夫了

事实上想要体现按钮,比较重要的是阴影和margin属性,

a标签的默认style:


阴影滤镜里的strength属性实际等同于外边距margin-bottom margin-right都增加了4,当然是依角度而定;


a:hover伪类的css

悬停时阴影减小(以表现按钮高度下降),由上一步的strength推知,为固定位子,margin-right/bottom属性加上当前strength应该与上一步strength相等


a:active的css属性

点击后,如果要体现按钮被按下陷,那么width和height就需要减小,减小程度看个人喜好了,margin的方向依然同a:hover,

此时margin的值应该margin-top=原strength(4)-现strength(3)-width/height减小值(-4)=5


当然如果不想要下陷的话那就更简单了,让阴影=0,margin-top/bottom=4就可以了


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值