728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p > span {
background-color: rgb(0, 0, 189);
line-height: 2;
font-size: 30px;
color: white;
font-weight: bold;
}
.a1 {
color: red;
font-weight: bold;
}
.a2 {
font-weight: bold;
}
div > sup {
font-style: italic;
}
</style>
</head>
<body>
<fieldset>
<p>
<span>탐라국 입춘굿<span>
</p>
<div>
제주도의 문화축제 중에서 유일하게 <span class="a1">탐라 시대부터 내려온 축제</span>이다
</div>
</br>
<div>
제주에서 입춘은 <span class="a2">새철</span><sup>(제주어, 샛절)</sup> 드는 날이라 한다.
</div>
<div>
하늘의 1만 8,000 신이 지상으로 내려와 새해 일들을 시작하는 때다.
</div>
</fieldset>
</body>
</html>728x90
반응형
'코딩일지 > WEB' 카테고리의 다른 글
| 표 스타일2 (0) | 2022.12.28 |
|---|---|
| 표 스타일 (0) | 2022.12.28 |
| font연습 (0) | 2022.12.28 |
| CSS형제선택자 연습 (0) | 2022.12.28 |
| CSS연습(자식선택자) (0) | 2022.12.28 |