<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>목록을 사용하여 세로메뉴 만들기 </title>
<style>
nav {
width:300px;
margin:50px 30px;
}
ul {
list-style:none;
}
li {
border:1px solid #222;
padding: 20px 40px;
margin:5px;
}
</style>
</head>
<body>
<ul>
<li>
회사소개
</li>
<li>
도서
</li>
<li>
자료실
</li>
<li>
동영상 강의
</li>
</ul>
</body>
</html>
'css' 카테고리의 다른 글
| 7장 마무리 문제 2 (0) | 2023.03.26 |
|---|---|
| 7장 마무리 문제 1 (0) | 2023.03.26 |
| 7장 예제 - 표 스타일 다양하게 적용하기 (0) | 2023.03.26 |
| 6장 마무리 문제 2 (0) | 2023.03.24 |
| 6장 마무리 문제 1 (0) | 2023.03.24 |