수업(국비지원)/HTML, CSS
[HTML/CSS] CSS선택자(selector) - 메뉴만들기
byeolsub
2023. 4. 17. 23:34
📌
<!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>