본문 바로가기

Programming/Web

[02. CSS] 002. 색상

728x90

요소 내부에 있는 텍스트에 색상을 지정하는 방법은 아래와 같다.

 

p {
    color: rgb(100, 100, 100);
}

 

그리고 배경색을 지정하는 방법은 아래와 같다.

 

p {
    background-color: rgb(100, 100, 100);
}

 

색상에 대한 정보는 네이버에 색상표라고 검색하면 자세히 나오고 원하는 색을 찾을 수 있다.

 

추가적으로 색에 투명도를 2가지 방법으로 할 수 있다. 하나는 opacity 프로퍼티를 적용하는 것이고 하나는 rgba를 사용하는 것이다.

 

p {
    background-color: rgb(100, 100, 100);
    opacity: 0.5;
}

p {
    background-color: rgba(100, 100, 100, 0,5);
}
728x90

'Programming > Web' 카테고리의 다른 글

[02. CSS] 004. 박스  (0) 2019.11.10
[02. CSS] 003. 텍스트  (0) 2019.11.08
[02. CSS] 001. CSS란  (0) 2019.11.08
[01. HTML] 009. 추가 마크업  (0) 2019.11.08
[01. HTML] 008. 폼  (0) 2019.11.02