CSS 메뉴연습

자료실

CSS 메뉴연습

소프트웨어과 0 2,060 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

Category
반응형 구글광고 등
State
  • 현재 접속자 125 명
  • 오늘 방문자 2,533 명
  • 어제 방문자 2,192 명
  • 최대 방문자 5,371 명
  • 전체 방문자 1,141,997 명
  • 전체 게시물 37,291 개
  • 전체 댓글수 3,720 개
  • 전체 회원수 31 명
Facebook Twitter GooglePlus KakaoStory NaverBand