我嘗試使用<map>標記來製作一個圓形圖片，但它無法正常工作

Question

所以我想讓我們說一個圓形的按鈕，但我試着對這個頁面上的類似問題的每一個答案，工作，我想我的代碼中有一個錯誤。有人可以檢查它嗎？問題是圖像周圍的區域也是可點擊的，我使用邊界半徑。 （我是新編程的東西。）

<a href="#"> 
    <div class="hotel"> 
    <img src="http://www.litorehotel.com/web/en/images/placeholders/1920x1200-0.jpg" height="400" width="400" alt="Our hotels and resorts" usemap="#hotel"> 
    <p class="hotimg">Our hotels and resorts</p> 
    </div> 
</a> 

<map name="hotel"> 
    <area shape="circle" coords="961, 603, 819" href="#" /> 
</map> 

Answer 1

如果按下tab鍵，可以看到形狀輪廓。它太大而且偏向一側。

但是，我也同意使用css而不是map的建議。