[HTML/CSS] 버튼 글자색 변경하기 (color)

 

지난번에는

버튼의 배경색을 변경하는 방법을 알아보았습니다.

[HTML/CSS] 버튼 배경색 지정하기

 

버튼에 기본적으로 적용된 글자색은 검정입니다.

만약, 버튼의 배경색을 어두운 색으로 변경한다면, 버튼의 글씨가 잘 보이지 않게 됩니다.

이때는, 버튼의 글자를 밝은 색으로 변경해주어야 합니다.

 

 

버튼 글자색 변경하기 (color)

<button class='my_btn'>버튼</button>

.my_btn {
  background-color: black;
  color: white;
}

color: white;

CSS의 color 속성을 사용하여 버튼의 글자색을 흰색으로 변경하였습니다.