하나의 버튼에 이미지와 텍스트를 같이 넣고 싶다면

한개의 버튼(button) 안에 이미지와 문자를 같이 넣고 싶다면 어떻게 할까요. 위의 그림과 같이 이미지와 텍스트가 같이 있는 HTML, CSS를 만들어 보자. <button> <div> <img src="https://picsum.photos/70/30"> <span> TEXT </span> </div> </button> div { display: flex; justify-content: space-around; align-items: center; } button { width :…

0 Comments

Emmet 사용법

Emmet 사용법 : 우리가 vscode 같은 코드 편집기를 사용할 때 html 코드를 아주 간편하게 빨리 작성할 수 있도록 도와주는 도구입니다. 단축형 코드를 입력하고 Tab 키를 치면 바로 정상 코드로 확장됩니다. 하위 요소 만들기 : > Emmet에서 자식 요소를 만들려면 > 기호를 사용합니다. div>ul>li…

0 Comments