爲網站製作超鏈接圖像

我想在我的網站中使用圖像作爲超鏈接。我知道這是什麼代碼。
但是，這是圖像中的問題。爲網站製作超鏈接圖像

我該如何製作像這樣的img，形式爲cirlce我看到很多軟件，但是我找不到任何以cirlce的形式製作圖像的軟件。他們都以廣場的形式塑造形象。如果你知道任何一個請告訴我...

2014-03-13 Axeem

你是什麼意思？你想製作一個帶有圖像的圓形元素，或者是一個帶有透明區域的圖像，所以它只是一個圓形？ – Kroltan

我想使圓形圖像不是透明圖像。 – Axeem

是的，但您可以通過清除圓圈外的所有部分來製作圓形圖像。想象一下填滿了鉛筆的長方形。現在拿起一個假想的橡皮擦，擦掉它的一部分，使它變成一個圓圈。在電腦中，這個過程被稱爲「掩蔽」。 – Kroltan

我曾經有過這個問題，並使用過它。

<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」

讓我知道你是否有更多問題。 :)

來源

2014-03-13 11:59:26

只有簡單的問題，如果我想做一個箭頭形狀圖像，我可以做到這一點。我知道我可以讓img的透明部分變成透明的，但不會忘記它是圖像的一部分。我只需要箭頭，只有箭頭 – Axeem

是的..你可以做到這一點..使用shape =「poly」。簡單。 :) –

@ user3316709我已經修改了我的回答。請查看。 –

我想在我的網站中使用圖像作爲超鏈接。我知道這是什麼代碼。

與將任何其他內容製作爲鏈接的方式相同。您有一個<img>元素，並且圍繞它包裝了一個<a>。

我怎樣才能讓IMG這樣這是cirlce

的形式，你不能本身。我不知道任何具有非矩形畫布的圖像格式。

您可以在圓圈外面設置使用透明「顏色」（支持透明度的圖像格式，例如PNG）。

或者，在HTML文檔中，您可以使用CSS border-radius屬性（設置爲圖像大小的50％）裁剪圖像的角點。

來源

2014-03-13 11:19:33 Quentin

爲網站製作超鏈接圖像

回答

相關問題