CSS에서 글자 색깔 바꾸는 법

2018/11/05 - [Web/CSS] - CSS에서 폰트 크기 바꾸는 법

위 글에서와 마찬가지로 class를 이용해서 글자의 색깔을 바꿀 수 있다. 다른점은 , 폰트 크기는 'font-size'라면, 색깔은 간단하게 'color'이다. 

.font-color-1{

color:blue;

}

<span class="font-color-1">미리보기</span>

이런식으로 써서 color을 설정할 수 있다 >_<

만약, 단순히 'blue'가 아니라 더 상세하게 색깔을 정하고 싶다면 color hex code를 이용하면 된다. 

https://www.color-hex.com

두개의 같은 값을 비교해 보자!

HEX #245F80

RGB 36, 95, 128

rgb는 0부터 255의 값으로 이루어진다. 3세트를 합쳐서 하나의 rgb로 만드는 것이다.

255는 16진수로 FF이다. 즉 HEX값은 RGB를 hexa(16진수)로 나타낸 것이다.

font-weight도 설정할 수 있다.

.font-weight-1{

font-weight : 100;

}

<td>

<span class="font-weight-1">미리보기</span>

</td>

그 외에 밑줄을 넣고 싶다면?

.text-decoration-underline{

text-decoration: underline;

}