自定義按鈕，在HTML和CSS

Question

我想設計的HTML按鈕和css設計如下圖所示的圖像：

請幫助我如何實現這一目標。

Answer 1

對不起，我不知道CSS，以幫助這部分，但是這是HTML：

<button type="button" onClick="window.open('https://google.com')"> 
    <img src="https://www.w3.org/html/logo/downloads/HTML5_Logo_32.png"/> 
</button> 

本質上講，你定義按鈕一個按鈕，當你點擊該按鈕，它會打開另一個窗口與命令。

window.open() 

你可以把任何你想要的鏈接放在括號裏。

圖像來源可以讓你確定你想要的圖像，從而確定按鈕的外觀。我不確定這是否太有用，因爲我認爲它只是在上放置了一個圖像，而不是用該圖像替換按鈕。

但是如果你想看起來像一個按鈕，就像一個可點擊的圖片，那麼這將工作：

<a href="https://example.com"> 
    <img src="https://example.com/example.jpg" /> 
</a>