티스토리 꾸미기 Ι 형광펜 밑줄 효과

 

 

티스토리를 꾸미는 방법 중 내용의 가독성을 높이는 다양한 방법을 소개해 드리겠습니다.

 

 

 

형광펜 밑줄 효과

이미 CSS코드에 밑줄효과를 적용하여 한가지 색상으로만 밑줄 색이 정해져 있을텐데요. 포스팅마다 다른 색상으로 개별적으로 변경하는 방법입니다. 

 

제 블로그는 기본 밑줄이 옐로우 컬러로 형광펜 효과를 적용시켜놓은 상태입니다.

 

이 문장은 기본 밑줄 적용 상태 입니다.

 

 

 

다음은 개별적으로 형광펜 효과를 적용한 설정입니다. 

이렇게 직접 style 속성을 추가하면 해당 포스트에서만 개별적으로 색상이 적용 됩니다.

 

이 문장은 파스텔 핑크 밑줄 입니다.

이 문장은 파스텔 민트 밑줄 입니다.

 

형광펜 효과 개별적용.txt

0.00MB

 

 

 

 

 

 

박스 테두리 색상 바꾸기

둥근 테두리 박스를 만드는 방법을 소개해 드립니다. 컬러는 색상표를 통해 자유롭게 변경하여 사용하시면 됩니다.

 

 

1. 레드 컬러 둥근 테두리 박스

 

레드컬러 둥근 테두리 박스의 html 코드 입니다. html모드에서 삽입하여 사용하세요.

레드컬러 둥근 테두리 박스.txt

0.00MB

 

 

 

2. 점선 스타일 형광그린 컬러 둥근 테두리 박스

 

점선 스타일의 둥근 테두릴 박스입니다. html모드에서 삽입하여 사용하세요.

점선 스타일 레드컬러 둥근 테두리 박스.txt

0.00MB

 

 

3. 두꺼운 스타일 둥근 테두리 박스

 

두꺼운 테두리는 박스입니다. html 코드의 "px" 숫자를 변경하면, 테두리 굵기를 변경 할 수 있습니다.

현재의 테두리는 4px입니다.

 

두꺼운 컬러 둥근 테두리 박스.txt

0.00MB

 

 

 

파스텔 & 형광 색상표

티스토리 파스텔 & 형광 색상표 코드 확인하러 가기