[HTML&CSS] margin, padding
2020. 11. 25. 21:40ㆍHTML&CSS&JavaScript
margin
: 테두리 밖 여백
padding
: 테두리 안 여백
<HTML>
<div>bnx.oa.gg</div>
<section>
<img src="http://bnx.oa.gg/img/20160921PM33800_8489.jpg" alt="">
<img src="http://bnx.oa.gg/img/20160913PM122312_9304.jpg" alt="">
<img src="http://bnx.oa.gg/img/20160913PM122323_2917.jpg" alt="">
</section>
<section>
<img src="http://bnx.oa.gg/img/20160913PM122333_5909.jpg" alt="">
<img src="http://bnx.oa.gg/img/20160913PM122345_286.jpg" alt="">
<img src="http://bnx.oa.gg/img/20160913PM122357_7873.jpg" alt="">
</section><CSS>
div{
font-size:2rem;
font-weight:bold;
}
section{
text-align:center;
}
img{
width:220px;
margin:10px;
padding:10px;
background-color:green;
}
'HTML&CSS&JavaScript' 카테고리의 다른 글
| [HTML&CSS] nth-child, first-child, last-child (0) | 2020.11.26 |
|---|---|
| [HTML&CSS] 이미지 기본 특성 (0) | 2020.11.25 |
| 20.11.24 BNX 사이트 메뉴 그대로 만들기 (0) | 2020.11.24 |
| [HTML&CSS] hover (0) | 2020.11.24 |
| [HTML&CSS] <a></a> (0) | 2020.11.24 |