블로그에서 글씨 배경색깔 바꾸는 법(with CSS)

안녕하세요 jay입니다.
제가 최근 머신러닝 공부를 하면서
많은 블로그들을 보고 많은 글을 제 블로그에 쓰면서
가독성에 대해 많이 생각해보게 되었습니다.
제 블로그 글들의 가독성을 높이기 위해 찾게 된 방법
글씨 배경색깔을 바꾸는 법에 대해 소개해보겠습니다.
(html, css에 대한 기초지식이 있으시면 금방 이해하실 수 있습니다.
없으셔도 제 방법대로 복사 붙여넣기 해주시면 됩니다!)

1. 블로그 글에서 HTML소스를 입력할 수 있는 곳을 찾습니다.

구글블로거 기준 아래와 같습니다.

2. 자신이 작성한 글의 소스를 자세히 봅니다.
그 후 새로운 div를 작성해줍니다.

자세히 보시면  내가 작성한글이 <div 어쩌구>와 </div> 사이에 있다는 것을 알 수 있습니다.
이것을 태그라고 하는데 여기선 자세히 다루진 않겠습니다.
결론은 블로그 글을 작성하면 글이 <div>, </div> 사이에 있다는 점입니다.
여기서 div를 조금 건들이면 배경색깔을 바꿀 수 있습니다.

<div style="background-color:lightblue">

</div>

자신이 쓸 글씨 사이에 위의 소스를 작성하시면 됩니다.
위의 사이트에서 원하시는 색상을 골라주시면 됩니다.
이제 예시 코드를 보여드리겠습니다.

위 사진에서 "내가 작성한 글 룰루룰루에 소스를 한 번 넣어보겠습니다.
위와 같이 <div style="background-color:lightblue">와 </div>사이에
자신이 쓰고싶은 글을 작성했습니다. 
꼭 </div>로 태그를 닫아주셔야 합니다!!!
그러면 짜자잔
이렇게 배경색깔이 이쁘게 나옵니다! 

실제 예시
내가 작성한 글 룰루룰루


댓글