为网站超链接制作图像

时间:2014-03-13 11:15:11

标签: html image web hyperlink

我想在我的网站中使用图片作为超链接。我知道使用了什么代码。
但这是图像中的问题。

我如何制作像cirlce这样的img我看到很多软件,但我找不到任何以cirlce形式制作图像的软件。他们都是以方形的形式制作图像。如果你认识任何一个,请告诉我......

2 个答案:

答案 0 :(得分:1)

  

我想在我的网站中使用图片作为超链接。我知道使用了什么代码。

与将任何其他内容添加到链接中的方式相同。您有一个<img>元素,并在其周围包裹<a>

  

如何制作像cirlce

形式的img

你本身无法做到。我不知道任何具有非矩形画布的图像格式。

您可以在圆圈外面设置使用透明&#34;颜色&#34; (以支持透明度的图像格式,例如PNG)。

或者,在HTML文档中,您可以使用CSS border-radius属性(设置为图像大小的50%)来裁剪图像的角落。

答案 1 :(得分:1)

我曾经遇到过这个问题并使用过它。

<img src="circle.png" width="145" height="126"  usemap="#mymap">  
<map name="mymap">  
  <area shape="circle" coords="124,58,50" href="circle.htm">  
</map>  

您必须使用png图像显示圆圈(其余为透明)。在html的图像使用地图功能。它在我的场景中发挥了最大的作用。 :)

要了解有关地图的更多信息,请点击以下链接 http://www.w3schools.com/tags/tag_map.asp

希望它会对你有所帮助。

根据您的箭头请求进行修改: -

是的,你可以制作一支箭。使用shape =“poly”。并使用coords =“x1,y1,x2,y2,..,xn,yn”

如果你有更多问题,请告诉我。 :)