a태그 활용법

a태그는 주로 버튼으로 많이 사용된다

<a href=""> </a>

 

a태그는 인라인 요소이기 때문에 넓이, 높이 값을 지정할 수 없지만 버튼의 클릭율을 높이기 위해 넓이와 높이를 늘려줘야 한다. -> display:block; 을 이용해 블록요소 형태로 바꿔준 뒤 넓이, 높이 값을 지정해 준다.

글자를 가운데에 위치시키시 위해서 text-align: center;(가로축 가운데정렬), line-height: 높이와 같은 값(세로축 가운데정렬)을 적용시켜 준다.

 

* 특정 프레임의 높이값과 line-height값을 동일하게 입력하면 해당 프레임 안쪽에 있는 글자를 세로축 가운데에 배치할 수 있다