반응형
아름다운 텍스트 스타일링을 적용한 간단한 HTML 코드를 제공합니다.
이 코드는 텍스트에 그림자 효과와 글꼴 스타일을 적용하여 아름다운 텍스트를 화면에 표시합니다.
<!DOCTYPE html>
<html>
<head>
<title>아름다운 텍스트</title>
<style>
/* 아름다운 텍스트 스타일링 */
.beautiful-text {
font-family: 'Pacifico', cursive;
font-size: 36px;
color: #FF5733;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body>
<h1 class="beautiful-text">아름다운 텍스트 스타일링</h1>
<p class="beautiful-text">이 텍스트는 그림자 효과와 특별한 글꼴을 가지고 있습니다.</p>
</body>
</html>
위 코드에서는 <style> 태그 내에 .beautiful-text 클래스에 대한 스타일을 정의합니다. 이 스타일은 'Pacifico' 글꼴을 사용하며, 텍스트 크기와 색상, 그림자 효과를 설정합니다.
결과 보기
반응형
'HTML 예제' 카테고리의 다른 글
| 웹사이트 소개 페이지 (0) | 2023.12.08 |
|---|---|
| 이미지 확대/축소 기능 (0) | 2023.12.08 |
| 간단한 레시피 페이지 (1) | 2023.12.08 |
| 드롭다운 메뉴 만들기 (1) | 2023.12.08 |
| 캐러셀 이미지 슬라이더 (1) | 2023.12.08 |
