💫 네모 박스 디자인에 많이 사용하는 CSS 속성
.box {
margin : 20px;
padding : 30px;
border : 1px solid black;
border-radius : 5px;
}
margin: 바깥 여백
padding: 안쪽 여백
border: 테두리(두께, 선의 종류, 색상)
border-radius: 테두리 둥글게 처리
- div에는 display : block이 내장
💫 inherit(일부 속성)
font-size, color, font-family, text-align 이런 속성들은 부모 태그에 작성하면 해당 태그 안의 태그들까지 전부 상속된다.
💫 숙제 : 오늘 만든 박스에 우측 하단 그림자를 넣어보십시오.
box-shadow: 10px 10px black;