[간단팁] CSS 한줄로 외부링크만 꾸미기


photo by Shutterstock.com

어제 블로그에 적용해본 초간단팁입니다.

아래 보시면 제 블로그관련 링크에는 링크모양 아이콘이 안붙고, 외부링크에는 아이콘이 붙는 걸 보실 수 있을겁니다.

비밀은 바로 아래 적힌 CSS 한줄입니다.

위의 코드를 복사하셔서 적당하게 수정해주시면 되겠습니다.

  1. .article은 글을 감싸고있는 상위 요소로 바꿔주시고
  2. site.address.com은 적용할 사이트 주소로 바꾸신 후
  3. 저처럼 뒤에 스타일을 적용하실거면 ‘:after’을 살려두시고(앞을 꾸미실거면 ‘:before’로 바꾸시고)
  4. 원하는 CSS 스타일을 적용하시면 됩니다.
어떤 원리일까?

Ludens

티스토리로 시작한 블로그가 이렇게 워드프레스까지 하고 있네요. 처음 시작했던 2007년에 비해서 환경도 많이 바뀌고 세월도 많이 지났지만.. 지금도 누군가에게 도움 되는 글을 쓰려고 노력중입니다 :)

댓글 남기기