블로그 / /

티스토리 형광펜 밑줄 효과 css 수정하기

이왕이면 이쁘게 꾸미는게 더 보기 좋겠죠? 그리고 가독성을 올려줄 수 있습니다. 내가 필요한 부분을 강조할 수 있구요.

 

css를 수정하면 간편하게 적용이 가능합니다. 하지만, css를 수정하면 내 블로그에 있는 모든 글에 적용되니까 참고하시기 바랍니다.

 

1. css수정하러 이동하기

 

하는 방법은 간단합니다. 일단 [블로그설정-꾸미기-스킨편집-html-css] 로 이동해주시면 됩니다. 모르시겠다면 아래 사진을 참고해보세요.

 

저기가 바로 css를 수정하는 곳입니다. 여기서 h1 h2 h3 등 글자크기, 모양설정을 다 할 수 있습니다.

 

css부분을 상당히 잘 알고 계신다면 원하는 클래스나 이런것들을 찾아서 수정하시면 됩니다.

 

2. css 코드 삽입하기

 

일단 제가 사용하는 스킨은 고래스킨 입니다. 형광펜 밑줄 효과를 추가하기 위해선 css코드를 하나 넣어주면 됩니다.

 

css에 밑줄 관련 클래스가 따로 설정되어 있다면, 그 부분가서 수정을 하면 되겠지만, 잘 모르겠고 찾기 귀찮아서...

그냥 코드를 넣어보니까 잘 적용됩니다. 자세한 코드는 아래 블로그를 참고하시기 바랍니다.

 

 

[초간단 CSS] 티스토리 형광펜 밑줄 효과 / 컬러펜 밑줄 효과

티스토리 블로그 글쓸때 디폴트로 설정된 밑줄효과가 너무 투박하고 안예쁘죠. 티스토리 CSS에 간단한 코드 하나만 더해주면 아주 쉽게 예쁜 CSS 밑줄 효과를 줄 수 있습니다. 블로그에서 밑줄 효

dailyscript.tistory.com

 

이 밖에 h태그를 멋지게 수정하는 방법도 있습니다. 추후 다른 포스팅에서 다뤄 보도록 하겠습니다.

  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유