728x90
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span {
color: brown;
}
#one {
background-color: blue;
width: 150px;
height: 150px
}
#two {
background-color: chocolate;
width: 150px;
height: 150px
}
#three {
background-color: crimson;
}
</style>
</head>
<body>
<!-- 문장 내 글자 분할태그 : span
: 공간을 분할, 영역을 나눌때 사용하는 태그 -->
<h1>다음주에는 쉬는날이 <span>하루 더</span> 있어요</h1>
<!-- 공간 분할 태그 -->
<div id="one">
<span>1번영역</span>
<div id="three">
<span>1번 영역안에서 또 영역 나눔</span>
</div>
</div>
<div id="two">
<span>2번영역</span>
</div>
body>
728x90
반응형
'DATA 분석 교육 과정 (2024.02~08) > CSS' 카테고리의 다른 글
| CSS_조합선택자 (0) | 2024.04.05 |
|---|---|
| CSS_선택자 (0) | 2024.04.05 |
| CSS_기본 구조 (0) | 2024.04.05 |
