Html/css 기초#5 박스모델 이해하기
Synopsis
각각의 요소들은 네모난 박스형태로 표시되며 폭(width), 높이(height), 안여백(padding), 테두리(border), 바깥여백(margin) 이 합쳐져 ...
You Might Also Like
![[CSS 기초이론] - 박스모델 Box-Model (box-sizing)](https://i.ytimg.com/vi/nRHVpEAEa7w/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCtPj3RRkxr5KTOe6GESBc4XS_5jA)
![[CSS 기초이론] - 박스모델 - Box Model, 모서리 둥글게 하기 (속성 : border-radius)](https://i.ytimg.com/vi/IXQWxPjMsSY/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB32Svuvon7kvUtjAn39VAhCkfg7w)
![[CSS 기초이론] - 박스모델 - Box Model, 텍스트 그림자 효과 (속성 : box-shadow)](https://i.ytimg.com/vi/TEqzSudKvWM/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB1nQZGHQQH0KcLaGNp1caXQjBF7A)
![[CSS Basics] - Box Model (border, margin, padding)](https://i.ytimg.com/vi/xZthulc94G8/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC4d-6SPlbIKSIauQXoKDMvVXZxRw)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.