자료실
CSS 메뉴연습
소프트웨어과
0
1,083
2021.05.24 08:37
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>메뉴만들기</title>
<style type="text/css">
* {margin:0; padding:0;}
li {float:left; list-style:none; margin:1px;}
li a {display:block; width:150px; height:40px; background:#c00; color:#fff; border:none; font-size:12px; font-family:"돋움";
text-align:center; padding-top:10px; text-decoration:none;}
li a span {display:block;}
li a:hover {background:#099; text-decoration:none;}
</style>
</head>
<body>
<ul>
<li><a href="#">INTRODUCE<span>학교소개</span></a></li>
<li><a href="#">INFORMATION<span>학과안내</span></a></li>
<li><a href="#">BOARD<span>학과별게시판</span></a></li>
<li><a href="#">CAREER<span>진로정보</span></a></li>
<li><a href="#">SCHOOL FEEDING<span>급식소식</span></a></li>
</ul>
</body>
</html>
Comments
