원하는 특정 부분 글자 색상 변경하기 예시 (블로그 스킨 꾸미기)

블로그 스킨을 꾸밀때 원하는 부분의 색상을 변경하는 방법입니다.

CSS 코드만 수정하여 간단하게 색상을 변경할 수 있습니다.

CSS코드를 추가하는 방법과 'F12' 개발자창 사용하는 방법은 > 여기서 확인할 수 있습니다.

티스토리에서 색상 변경 예시

티스토리에서 'F12' 개발자 모드로 들어가 글자를 변경하고 싶은곳에 마우스를 갖다 대면 해당 코드를 찾을 수 있습니다.

해당 코드에 '#555;'라는 색상 코드가 입혀져 있었고 해당 색상을 변경하면 간단하게 색상을 변경할 수 있습니다.

위 와 같이 색상을 'blue;'로 변경해봤습니다. 잘 적용되는 것을 확인할 수 있습니다.

해당 블로그스팟에 적용된 스킨의 사이드바 색상을 변경하려고 했더니 블로그스팟의 사이드바는 글자에 색상이 따로 정해져 있지 않네요. (스킨 마다 다릅니다.)

위 블로그스팟에 적용된 스킨에는 블로그의 전체 폰트 색상이 정해져 있어서 해당부분 글자의 색상이 따로 정해져 있지 않았습니다.

이럴 경우 '배달음식, 생각들, CSS코드'라는 글자들이 a 코드로 되어 있었고 a 코드에 따로 색상을 입혀주어 해결되었습니다.

위와 같이 가장 부모 요소인 '#Label2.widget.Label'코드 안에 a 코드의 색상을 입혀주는 코드를 넣어주면 해당 글자의 색상만 변경됩니다.