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

1、首先，打开html编辑器，新建1个.html文件，例如：index.html。

2、在index.html中的<body>与</body>中，输入html编码：<img src="img/image.jpg" />。

3、之后浏览器进到index.html页面，此时发现页面成功引入了上一级文件夹img中的图片文件image.jpg。