除了网页的背景配色和内容排版，漂亮的按钮更是网页美观的一大要素。那么，如何对网页中的按钮进行美化呢？如何美化A标签链接呢？下面就开始动手吧。
开始的样子：
工具/原料
1
DEDECMS源程序
2
HTML编辑工具
3
JS编辑工具
4
CSS编辑工具
5
IE浏览器（测试用）
方法/步骤
1
分析按钮的动作和动画效果语言。
2
分别给网页中的A链接添加CSS属性
3
设置A标签的初始CSS属性。 .sideTOP{float:right;width:278px;padding:10px;border:1px solid #e5e5e5;background-color:#f5f5f5;margin:5px 0px;} .sideTOP a{display:block;float:left;width:67px;height:15px;text-align:center;background-color:#2d2d2d;padding:25px 0px;border:1px solid #7d7d7d;color:#ccc;font:normal 12px/12px Georgia,arial;}
4
4，设置A标签的HOVER属性。 .sideTOP a:hover{color:#fff;background-color:#FF0C8A;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #555;border-bottom:1px solid #555;}
6
最后得到的效果如下：
注意事项
很多漂亮的鼠标效果其实是通过图片的切换来实现的。但是用图片有两大缺点，一是非常占用流量，二是网速不好的访客容易出现图片未加载成功的情况，这时就会失去动画效果，非常难看。所以最好的办法是用纯CSS改变HOVER状态，不仅轻巧简洁，而且不会失效，只要搭配好了色彩，一样可以很美观。