在CSS中如何给背景图片加上超链接

html-css058

在CSS中如何给背景图片加上超链接,第1张

在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样式来实现,其实就是给这个图片的块添加超链接,我们可以通过在这个块的前面添加一个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控制

如果单独的图片放置在浏览器中央位置,一般用margin:0 auto

用一个区块包住

<div class="a">

<img src="xxx" />

</div>

.a {

width: xxx

margin: 0 auto

}