본문 바로가기
Web/CSS

CSS(4) <div>의 박스 모델

by 공판다2 2020. 11. 4.

[ 코드 ]

<!DOCTYPE html>
<head>
<title>색,텍스트,폰트 활용</title>
<style>
body { background : black; }
span { background : deepskyblue; }
div.box {
	background : yellow;
	margin : 40px;
	padding : 20px;
}
</style>
</head>
<body>
	<div class="box">
		<span>DIVDIVDIV</span>
	</div>
</body>
</html>

 

[ 실행 화면 ]

 

 

'Web > CSS' 카테고리의 다른 글

CSS(5) 표 꾸미기  (0) 2020.11.04
CSS(3) 색과 텍스트 꾸미기  (0) 2020.11.04
CSS(2) 셀렉터 활용  (0) 2020.11.04
CSS(1) <style> 스타일 시트 만들기  (0) 2020.11.04

댓글