사용자 정의 버튼은 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>