您当前位置：首页 > web前端 > htmlcss > CSS美化超链接Hover属性，有网页按钮效果

CSS美化超链接Hover属性，有网页按钮效果

来源：程序员人生发布时间：2013-12-25 22:45:09 阅读次数：3470次

　　54网(LieHuo36.Net)教65程使用CSS制作一个漂亮的按钮链接，有要原理是使用了A链接的Hover属性，定义成与A:Hover不一样的颜色和边框，这样在鼠标放上去的时候，会出现两种反差较大的效果，这就是CSS制作按钮的基本思路，对于新手来说，有助于帮助您早日学会CSS的用法。

　　代码演示：

<html><head><title>按钮式超链接</title><style type="text/css"></style></head><body><a href="http://www.liehuo.org">按钮式超链接</a></body></html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 经验心得：改造你的站点提高网站的流量

下一篇 禁止外部用户访问apache上的phpMyAdmin

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点