728x90
반응형
<!-- src/main/webapp/7/menu.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>메뉴만들기</title>
<style type="text/css">
/* 목록의 앞머리표시를 제거하기 */
nav ul { /* nav 태그의 하위 ul 태그 */
list-style-type: none;
}
/* li 태그를 가로로 표시하기 */
nav ul li {
display: inline;
padding: 0px;
margin: 0px;
}
/* a 태그를 밑줄 표시 제거 */
nav ul li a {
text-decoration: none;
color: white;
background-color: blue;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href='#'>반려견 종류</a></li>
<li><a href='#'>입양하기</a></li>
<li><a href='#'>건강돌보기</a></li>
<li><a href='#'>더불어살기</a></li>
</ul>
</nav>
<ul>
<li><a href='#'>반려견 종류</a></li>
<li><a href='#'>입양하기</a></li>
<li><a href='#'>건강돌보기</a></li>
<li><a href='#'>더불어살기</a></li>
</ul>
</body>
</html>728x90
반응형
'study > Html' 카테고리의 다른 글
| [Html] 7. htmlcss (상태 선택자 : <overflow>, <:nth-child()>, <:first-child>, <:last-child>) (0) | 2022.04.04 |
|---|---|
| [Html] 7. htmlcss (반응 선택자: <:hover>, <:active>, <:link>, <:visited>) (0) | 2022.04.04 |
| [Html] 7. htmlcss (가로세로 : <div>, <span>) (0) | 2022.04.04 |
| [Html] 7. htmlcss (박스모델 : <border>) (0) | 2022.04.04 |
| [Html] 6. CSS 선택자 (선택자 : ID'#', class'.') (0) | 2022.04.04 |