공부/HTML

[HTML5/CSS] 버튼만들기 실습1

JangGiraffe 2015. 1. 13. 20:12

 

<div>를 이용해서 버튼을 만듭니다.

<HTML>

<div>태그를 넣고 그 안에다 글자를 삽입한뒤 <a href>태그를 이용해 링크를 걸어줍니다.

 

[이전까지는 메모장을 이용해 만들었는데 sublime Text라는 편한게 있더라고요
료버전인데 유료버전과 차이가 없는것 같고
장을 몇번 할 때 마다 결제하라는 창이 뜨는데 취소 누르시고 계속 작업하시면 됩니다]

 

이제 HTML에서의 작업은 끝났고 CSS파일로 넘어갑니다.

<CSS>

1.<div>에 대한 속성들을 지정해줍니다. height(세로길이), width(가로갈이), border-color(외곽선 색), border-radius(외곽선 둥글기), background-color(배경색) 등등..

2.<a> 에 대한 속성도 지정해줍니다. text-decoration , color, font-family 등..

 

[결과물]

반응형