css中如何定义图片链接？

html-css016

css中如何定义图片链接？,第1张

设定图片超链接，用css样式来实现，其实就是给这个图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：

<html>

<head>

<style>

#div1{

width:660px

height:400px

border:1px soild #f00

}

</style>

</head>

<body>

<div id='div1'>

<a href=""><img src='图片地址'></a>

</div>

</body>

</html>

css是无法加超链接的，但是你可以在一个A标签下设置背景图片啊。

.a{background:url(../images/v_line2.gif)

0

0

no-repeatwidth:100pxheight:30pxdisplay:block}

............

<a

href="xxx.html"

class="a"></a>

这样就OK了但是一定要注意设置display属性为block

或者inline-block才能有点击区域，不然<a></a>之间就要插入一张透明图片设置宽高如<a

href="xxx.html"

class="a"><img

src="透明图片地址"

width="100"

height="30"></a>

直接在图片的img的属性onclick上写上"window.open("你的url地址")"，这样就可以点击图片在新窗口中打开链接。如果你想在当前页面中打开，就直接用window.location.href=“你的链接”，然后就可以了。