<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>연습문제 3</title>
<style>
a:link, a:visited {
color:black;
text-decoration: none;
}
a:hover {
background-color:#000;
color:#fff;
}
nav ul {
list-style-type:none;
}
nav ul li {
float:left;
display:block;
padding:10px 20px;
background-color:#ccc;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#">메뉴1</a></li>
<li><a href="#">메뉴2</a></li>
<li><a href="#">메뉴3</a></li>
<li><a href="#">메뉴4</a></li>
</ul>
</nav>
</body>
</html>
'css' 카테고리의 다른 글
| 9장 예제 - 배경 이미지 배치하고 고정하기 (0) | 2023.03.30 |
|---|---|
| 9장 예제 - 불릿 대신 배경 이미지 사용하기 (0) | 2023.03.30 |
| 8장 마무리 문제 2 (0) | 2023.03.28 |
| 8장 마무리 문제 1 (0) | 2023.03.28 |
| 8장 실습 5 (0) | 2023.03.28 |
