티스토리 밑줄 색깔 형광펜 설정하기

 

제 블로그를 보시면, 밑줄 표시가 두껍고 색깔이 있는 것을 발견하실거예요.

티스토리 밑줄 색깔 형광펜 효과 설정하는 법 알려드릴게요.

티스토리 밑줄

 

 

티스토리 밑줄 색깔 형광펜 설정하는 법

 

 

1. 블로그관리-스킨편집 탭에 들어갑니다.

티스토리 블로그관리-스킨 편집

 

 

 

 

 

2. html 편집을 실행합니다.

html편집

 

 

 

 

 

3. CSS로 바꿔줍니다.

 

 

 

 

 

4. 가장 밑에 다음 명령어를 복사-붙여넣기 합니다.

u { text-decoration: none;
display: inline;
box-shadow: inset 0 -4px 0 hsl(40, 100%, 50%); }

 

-20px은 밑줄이 글자 전체를 덮는 굵기이고

-10px은 글자의 반을 덮습니다.

또한 주황색 네모에 마우스포인터를 올리면 컬러 팔레트가 나타나는데,

마음에 드는 컬러를 클릭하여 선택할 수 있습니다.

 

 

 

 

 

 

 

5. 적용을 누르고 블로그에서 확인합니다.