본문 바로가기
수업(국비지원)/HTML, CSS

[HTML/CSS] CSS선택자(selector) - 메뉴만들기

by byeolsub 2023. 4. 17.

📌

<!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>