본문 바로가기

코딩/HTML, CSS

컬러를 변수에 넣기 :root

728x90

컬러를 바꿀 때 여러줄을 변경하는 수고를 덜 수있음

 

:ROOT

 

<style>

 

:root{

 --main-color: #333;

 --default-border: 1px solid var(--main-color);

}

p{

 backgorund-color: var(--main-color);

 border: var(--default-border);

}

a{

color:var(--main-color);

}

</style>

'코딩 > HTML, CSS' 카테고리의 다른 글

justify-content , align-items 사용 예제  (0) 2021.10.10
atrribute selector, pesudo selector  (0) 2021.10.06
position: relatvie; position: absolute;  (0) 2021.10.05
flex-box  (0) 2021.10.05
display porperty(inline, block, inline-block)  (0) 2021.10.05