티스토리 오딧세이 스킨 형광펜효과

정리하는 건 좋은데

다시보기가 힘드네요.

그래서 좀 더 가독성이 좋고 효과적인 글을 써야 겠다는 생각이 듭니다.

 

그래서 알게 된 형광펜 효과

기존의 형광펜효과는 이런식이였죠 

배경색을 넣는...

 

하지만 다른 블로그를 보다가

이런 형광펜 효과를 보게 됩니다.

폭풍검색을 해보고 시도해 보았지만 효과가 없어요..ㅠㅠㅠ...

 

그러다 발견한 css코드

css 맨 아래에 넣으면 됩니다.

u {
    text-decoration: none;
    display: inline;
    box-shadow: inset 0 -10px 0 hsla(53, 90%, 83%, 0.93); 
}

hsla 는 색입니다.

다른색상으로도 바꾸어 쓰셔도 됩니다.

 hsla(61, 92%, 52%, 0.93)

저는 이색을 선택했습니다.

 

글 작성시 밑줄 을 넣으면 됩니다. 글작성시에는 정상적인 밑줄로 보이고

완료후 해당 글을 보면

형광펜으로 효과가 나타납니다.

 

좀 더 다양한 스킨 편집에 도전해 보겠습니다.