📌

<!DOCTYPE html>
<!-- src/main/webapp/6/selector6.html -->
<html>
<head>
<meta charset="UTF-8">
<title>메뉴만들기</title>
<style>
nav {
background-color: blue;
}
nav ul { list-style-type: none;} /*머리표시 제거*/
nav ul li{
display: inline; /*하나의 li*/
padding: 0px;
margin: 0px;
}
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>
</body>
</html>
'수업(국비지원) > HTML, CSS' 카테고리의 다른 글
| [HTML/CSS] CSS선택자(selector) - 상대선택자 input태그 (0) | 2023.04.17 |
|---|---|
| [HTML/CSS] CSS선택자(selector) - CSS반응 선택자, CSS상대 선택자 (0) | 2023.04.17 |
| [HTML/CSS] CSS선택자(selector) - 박스 모델(Box Model) (0) | 2023.04.17 |
| [HTML/CSS] CSS선택자(selector) - 후손 태그, 자손 태그 (0) | 2023.04.17 |
| [HTML/CSS] CSS선택자(selector) - CSS 이용한 디자인과 내용 구분 (0) | 2023.04.17 |