网页里的超链接不仅可以改变背景色，而且还可以给超链接加上漂亮的背景图片。这里就交大家学习一下吧！本教程适合网页新手学习，高手免看了。
工具/原料
1
html+css基础、notepadd编辑器或者其他任意编辑器
2
windows电脑一台
方法/步骤
1
新建test.html文件
2
首先要把超链接a块级化，方法如下：给a添加css代码 : a{ display:block;}代码截图如下：
3
使用backgroung-image为a链接加背景图片，用法如下： a{ background-image:url(xxx.jpg);}不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。代码截图如下：
4
用到的图片素材如下，图片名字为001.jpg，位置截图如下
6
运行效果截图如下：
注意事项
display：block;的作用：把元素块级化。
上一篇：Word怎样设置图片背景？