페이지배경색과 둥근모서리

border-radius은 모서리를 둥글게 만든다.

사용방법

border: 1px solid green;
border-radius: 30px;



모서리마다 각각 설정가능하다.

h1 {
  border: 1px solid green;
  border-top-left-radius: 50px; /* 왼쪽 위 */
  border-top-right-radius: 5px; /* 오른쪽 위 */
  border-bottom-right-radius: 0px; /* 오른쪽 아래 */
  border-bottom-left-radius: 20px; /* 왼쪽 아래 */
}



배경색은 background-color속성을 사용해서 설정가능하다.

h1 {
  background-color: #4d9fff;
}

hex나 rgb값 둘중 하나를 사용하면 된다.



페이지에 배경색 입힌다면

body태그에 background-color를 입혀주면 된다.

또, 배경색을 투명하게 만들고 싶다면

transparent값을 넣어주면 되는데
따로 설정하지않아도 transparent기본값으로 설정됨.

사용방법 
background-color: transparent