링크를 나타내기 위한 방법으로는 이렇게 파란색에 밑줄을 그어 표현하는 것이 가장 일반적이지만, 때로는 디자인을 위해 다른 방법으로 링크를 표현해야하는 경우가 있습니다. 그중에서 링크 뒤에 특정한 기호나 아이콘을 달아서 링크를 표현해 보겠습니다. 한번만 사용할거면 그냥 태그 안에 기호까지 포함해서 링크로 만들어 주면 되지만, 여러번 사용하는 경우 매우 번거로우므로 CSS로 특정 class의 링크 뒤에 기호가 들어가도록 구현하는 방법을 알아보겠습니다. :after 셀렉터(선택자) :after는 가상 클래스(pseudo-class) 셀렉터중 하나로, 지정된 요소 뒷부분에 내용을 넣을 때 사용하는 셀렉터입니다. 사용방법은 다음과 같습니다. a:after { content: '↗️'; } 위와 같이 CSS를 완성..
