둥근모서리&배경색&그림자

둥근모서리 

- border-radius라

ㅇ

.div2 {
  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; /* 왼쪽 아래 */
}

 

배경색 

- backgroud-color

- 색 이름, RGB코드, HEX코드 중 하나를 입력

h1 {
  background-color: #4d9fff;
}

 

 

그림자

- box-shadow 

.div1 {
  background-color: #eeeeee;
  width: 400px;
  height: 300px;
  box-shadow: none;
}

 

- 가로위치 세로위치 흐림정도 그림자크기 그림자색

.div1 {
  background-color: #eeeeee;
  width: 400px;
  height: 300px;
  box-shadow: 40px 10px 10px 20px #4d9fff;
}