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:blockwidth:300pxheight:100pxfont-size:25px}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>
6、运行效果截图如下。
HTML结构该鼠标点击按钮特效中每一个可点击的元素都是一个<button>按钮
CSS样式
以下是该css3点击按钮特效的通用CSS样式：
插件中通过在点击按钮时使用javascript来为它添加相应的动画CLASS来执行动画效果：
上面的CSS代码可以生成如下图的动画效果：
在“Stana”效果中，使用了html5 SVG clipPath，在它上面添加了一个transition。这个效果只能在Chrome浏览器中才能看到效果。
在“Stoja”效果中使用了CSS clip-path属性，这个效果也需要浏览器的支持才能看得到的。
写css背景图片代码可以参考以下：
<html>
<head>
<styletype="text/css">
body{background-image:url(abc.jpg)}
</style>
</head>
<body>
</body>
</html>
扩展资料：
1、背景图片语法：{background-image:url(url)|none}
2、背景固定语法：{background-attachment:fixed|scroll}
3、背景重复语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4、背景定位语法：{background-position:数值|top|bottom|left|right|center}
参考资料来源：百度百科-CSS语法
