css链接样式背景图,css样式背景图片

Css样式中怎样给背景图片加链接

本末倒置，是给链接加背景图：

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中如何给背景图片加上超链接

在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

css 超链接下加背景图片

.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}

这样是当鼠标经过的时候，出现相应的背景图片。

怎么使用CSS实现超链接有背景图像

为a标签添加一个背景就可以了

a{

width: 20px;

height: 18px;

background: url(images);

display: inline-block;

}

宽和高是必须的，因为使用背景图片是需要宽高的

css背景图片里如何加点击超链接

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、运行效果截图如下。