<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>상품 소개 페이지</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>웹 기술 - 기본</h1>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript 기초</li>
</ul>
</body>
</html>
<style>
h1 {
display: inline-block;
font-size:1.4em;
background-color:#222;
color:#fff;
padding:10px;
}
ul {
list-style:none;
}
li {
font-size:1.2em;
line-height:1.5;
color:blue;
}
</style>
결과:상품 소개 페이지
'css' 카테고리의 다른 글
| 7장 마무리 문제 2 (0) | 2023.03.26 |
|---|---|
| 7장 마무리 문제 1 (0) | 2023.03.26 |
| 7장 예제 - 표 스타일 다양하게 적용하기 (0) | 2023.03.26 |
| 7장 실습-목록을 사용하여 세로 메뉴 만들기 (0) | 2023.03.25 |
| 6장 마무리 문제 2 (0) | 2023.03.24 |