本末倒置，是给链接加背景图：
成都创新互联公司服务项目包括东至网站建设、东至网站制作、东至网页制作以及东至网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，东至网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到东至省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
a id="caidanbg" href="hxjs.asp"链接/a
#caidanbg{
display: block;
width:180px;
height:43px;
background:url(../images/hxjsan1.jpg) no-repeat;
text-indent: -99999em;
}
在CSS中给背景图片加上超链接,其实就是给这个背景图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：
html
head
style
#div1{
width:660px;
height:400px;
border:1px soild #f00;
background:url('图片地址');
}
/style
/head
body
a href=""
div id='div1'
/div
/a
/body
/html
.nav a{ background:url(../images/nav.gif) no-repeat; width:100px; height:36px; float:left}
这样是一开始看到的背景图片。
.nav a:hover{ background:url(../images/nav_on.gif) no-repeat; width:100px; height:36px; float:left}
这样是当鼠标经过的时候，出现相应的背景图片。
为a标签添加一个背景就可以了
a{
width: 20px;
height: 18px;
background: url(images);
display: inline-block;
}
宽和高是必须的，因为使用背景图片是需要宽高的
css是无法加超链接的，但是可以在一个A标签下设置背景图片加入超链接，具体步骤如下。
1、新建test.html文件。
2、首先要把超链接a块级化，方法如下：
给a添加css代码 : a{ display:block;}
代码截图如下：
3、使用backgroung-image为a链接加背景图片，用法如下：
a{ background-image:url(xxx.jpg);}
不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。
代码截图如下：
4、用到的图片素材如下，图片名字为001.jpg，位置截图如下。
5、实例演示给超链接加背景图片，代码如下：
html
head
style
a{background-image:url(001.jpg); display:block; width:300px; height:100px; font-size:25px;}
/style
/head
body
a我是带背景图片的超链接/a
/body
/html
6、运行效果截图如下。
