[HTML/CSS] CSS의 링크꾸미기
TIP/Blog
2017. 9. 13. 13:30
[HTML/CSS] CSS의 링크꾸미기
|
본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. |
|
링크는 <a> 태그를 사용하기 때문에 <a>태그를 꾸며주게 되는데, CSS란? CSS의 작성법의 의사셀렉터(가상선택자) 부분을 활용하여 속성을 부여합니다. 링크꾸미기는 보통 다음과 같은 효과를 부여합니다. * a:Link - 방문하지 않은 링크 * a:Visited - 방문했던 링크 * a:Hover - 마우스가 올라간 링크 * a:Active - 클릭한 순간의 링크 단, 링크를 꾸밀때에는 꼭 순서에 따라서 지정해줘야 합니다. a:Hover는 a:Link, a:Visited 뒤에 와야하며 a:Active는 a:Hover뒤에 와야 하기 때문에 위에 제시한 순서대로 작성해야 합니다. |
|
|
|
|
|
방문하지 않은 링크는 빨간색, 방문한 링크는 보라색, 마우스를 올리면 녹색 배경, 누르는 순간 흰색 글씨에 검은 배경으로 설정 해봤어요. |
< 연습하기 >
'TIP/Blog' 관련 글
more
