FE/html

[CSS] div 태그로 사각형 그리기

잔망루피 2022. 2. 7. 19:06
.my-box{
    border : 1px solid;
    padding : 30px;
    background-color: #f5f5f5;
    width : 400px;
}

class명이 my-box인 div 태그에 스타일을 줬다.

solid는 선

padding은 안쪽 여백

background-color는 사각형을 채우는 색

 

 

 

참고 👇

http://mwultong.blogspot.com/2006/06/html-css-div-box.html

 

[HTML-CSS] DIV 태그로 간단한 박스(Box) 그리기 예제

div 태그에, 가령 이런 스타일을 적용해 주어야 합니다: border:1px solid; 박스를 그리기 위해서는, border 속성으로 테두리를 만들어 주면 됩니다. 위의 예에서, 굵기는 1픽셀로 지정되어 있고 solid 는

mwultong.blogspot.com

 

반응형