css中如何定义图片链接？

html-css023

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中加不了超链接 只能在HTML中加。比如我要在HTML中给一张图加超链接的话我要这样写

<body>

<a href="2.html"><img src="1.jpg" /></a>

</body>

其中href="2.html"是个网页路径 就是你要跳到的那个网页的路径

CSS不能加链接。比如有个图片代码：<img src="xxxxxxxxxx.jpg" />,你就直接加个<a>标签就行了。像这样：<a href="#"><img src="xxxxxxxxxx.jpg" /></a>，把#换成你的图片链接地址。