[오늘의 삽질] CSS - 배경색과 border 색상이 다르게 나올때

 

 

🤔  사건 경위

배경색과 상하 border에 분명 똑같은 색상을 주었는데 이렇게 다른 색이 나타났다. 

 

 

😃 해결방안

border에 solid라는 기능을 넣어서 그런거였다.

solid의 기능이 선을 나타내는 건데 어쨌든 같은 색상을 주는 거니까 똑같이 나타날꺼라 생각했는데

오히려 색상이 border에만 더 진하게 나왔다.

구글링을 해봐도 solid라는 기능은 테두리 선이라고만 나와있어서 정확한 이유는 모르겠지만...

어쨌든 엄청 쉬웠던 건데 어렵게 생각해서 한참 헤맸다..ㅠㅠ

 

border-bottom: 10px solid #594e4cc4;
border-top: 8px solid #594e4cc4;

↓↓↓↓↓↓↓↓↓

border-bottom: 10px #594e4cc4;
border-top: 8px #594e4cc4;