カスタマイズボタン私は下の画像のようにHTMLとCSSのボタンをデザインしたいHTMLとCSS

Question

におけるデザイン：

これを達成するためにどのように私を助けてください。

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() 

括弧内の任意のリンクを置くことができます。

画像ソースを使用すると、どの画像を表示するかを選択できるため、ボタンの外観がわかります。画像がボタンで置き換えられるのではなく、画像がのに置かれていると思うので、あまりにも役に立つかどうかはわかりません。

しかし、あなたはボタンのように見えるし、1のような役割を果たしクリッカブルイメージをしたい場合、これは動作します：

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