Html 如何在图像上放置链接？
我正在学习HTML、CSS和Javascript，并尝试创建一个网站。现在我想做的是在图片上添加链接，它应该是这样的： 现在，我做了我的链接样式，我试图把位置绝对和相对，但没有工作。一切都将这些链接置于图像之前。这是我的HTML和css代码。也许我做错了什么Html 如何在图像上放置链接？,html,css,Html,Css,我正在学习HTML、CSS和Javascript，并尝试创建一个网站。现在我想做的是在图片上添加链接，它应该是这样的： 现在，我做了我的链接样式，我试图把位置绝对和相对，但没有工作。一切都将这些链接置于图像之前。这是我的HTML和css代码。也许我做错了什么 正文{ 背景图片：url（“img/bg.png”）； 保证金：0px 0px 0px 0px； } img{ 宽度：100%； 背景：无重复； 位置：相对位置； } #标题#导航{ 浮动：对； } a{ 字体系列：“开放式Sans压缩
正文{
背景图片：url（“img/bg.png”）；
保证金：0px 0px 0px 0px；
}
img{
宽度：100%；
背景：无重复；
位置：相对位置；
}
#标题#导航{
浮动：对；
}
a{
字体系列：“开放式Sans压缩”，无衬线；
边界：无；
背景色：透明；
字体大小：20px；
颜色：黑色；
文字装饰：无；
左边距：30px；
右边距：20px；
字号：700；
文本转换：大写；
}
答：焦点，
a:悬停{
颜色：#bebcc1；
}一种简单的方法是用
锚定标记将图像环绕起来
正文{
背景图片：url（“img/bg.png”）；
保证金：0px 0px 0px 0px；
}
img{
宽度：100%；
背景：无重复；
位置：相对位置；
}
#标题#导航{
浮动：对；
}
a{
字体系列：“开放式Sans压缩”，无衬线；
边界：无；
背景色：透明；
字体大小：20px；
颜色：黑色；
文字装饰：无；
左边距：30px；
右边距：20px；
字号：700；
文本转换：大写；
}
答：焦点，
a:悬停{
颜色：#bebcc1；
}
一种简单的方法是用锚定标记将图像环绕起来
正文{
背景图片：url（“img/bg.png”）；
保证金：0px 0px 0px 0px；
}
img{
宽度：100%；
背景：无重复；
位置：相对位置；
}
#标题#导航{
浮动：对；
}
a{
字体系列：“开放式Sans压缩”，无衬线；
边界：无；
背景色：透明；
字体大小：20px；
颜色：黑色；
文字装饰：无；
左边距：30px；
右边距：20px；
字号：700；
文本转换：大写；
}
答：焦点，
a:悬停{
颜色：#bebcc1；
}
要在图像上放置链接，请尝试以下操作：
要在图像上放置链接，请尝试以下操作：
如果您想将带有链接的列表放在图像区域内，您可以尝试将链接和图像都放在div中
.container{
位置：相对位置；
}
.集装箱img{
宽度：100%；
}
.链接{
位置：绝对位置；
排名：0；
左：0；
}
- 试验
- 试验
如果您想将带有链接的列表放在图像区域内，您可以尝试将链接和图像都放在div中
.container{
位置：相对位置；
}
.集装箱img{
宽度：100%；
}
.链接{
位置：绝对位置；
排名：0；
左：0；
}
- 试验
- 试验
这很简单。您只需要将图像包含到标记中。
例如，如果要通过单击图像重定向到，只需使用以下代码
<!DOCTYPE html>
<html>
<body>
<a href="http://www.google.com"><img src="IMAGE_URL" alt="Image"></a>
</body>
</html>
这很简单。您只需要将图像包含到标记中。
例如，如果要通过单击图像重定向到，只需使用以下代码
<!DOCTYPE html>
<html>
<body>
<a href="http://www.google.com"><img src="IMAGE_URL" alt="Image"></a>
</body>
</html>
在图片上放置链接是什么意思？我有4个指向网站不同部分的链接。它就像导航栏。你想通过点击你的图片重定向到一个页面吗？我想做一些类似的事情：你看到导航的地方：关于，服务，等等。这些链接在图片上。你说的“把链接放到图片上”是什么意思？我有4个链接到网站的不同部分。它就像导航栏。你想通过点击你的图片重定向到一个页面吗？我想在这里做一些类似的事情：你看到导航的地方：关于、服务等。这些链接在图片上。太好了。：）如果您将此答案标记为您问题的正确解决方案，我将不胜感激。太好了。：）如果您能将此答案标记为您问题的适当解决方案，我将不胜感激。