03. CSS_수직 네비게이션(1)

<!DOCTYPE html>

<html>

<head>

<title>::: 03_CSS기초_수직_네비게이션(1) :::</title>

<style>

/* ul 스타일 */

ul {

list-style-type: none;

background-color: #f1f1f1;

padding: 0;

margin: 0;

width: 200px;

}

/* li a 스타일 */

li a {

color: #000;

padding: 5px;

/* a 태그의 언더라인 없애기 */

text-decoration: none;

display: block;

}

/* li a 태그에 마우스 오버시 처리 스타일 */

li a:hover {

background-color: aqua;

color: blue;

}

</style>

</head>

<body>

<h3>수직 네비게이션(메뉴)</h3>

<ul>

<li><a href="http://www.naver.com">Naver</a></li>

<li><a href="http://www.google.com">Google</a></li>

</ul>

</body>

</html>

알고리즘