|
|
css 메뉴
<!DOCTYPE HTML> <html> <head> <!-- begin meta --> <meta charset="utf-8"> <meta name="description" content="This is a simple and elegant navigation menu built with HTML5 and CSS3."> <meta name="keywords" content="HTML5, CSS3, navigation, navigation menu, gray"> <meta name="author" content="Ixtendo"> <!-- end meta --> <!-- begin CSS --> <link href="http://www.ixtendo.com/demo/html5-css3-gray-navigation-menu/css/style.css" type="text/css" rel="stylesheet"> <link href="http://www.ixtendo.com/demo/html5-css3-gray-navigation-menu/css/html5-reset.css" type="text/css" rel="stylesheet"> <!-- end CSS --> <!-- begin JS --> <script src="http://www.ixtendo.com/demo/html5-css3-gray-navigation-menu/js/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="http://www.ixtendo.com/demo/html5-css3-gray-navigation-menu/js/modernizr-2.0.6.min.js" type="text/javascript"></script> <!-- end JS --> <title>HTML5/CSS3 Gray Navigation Menu</title> </head> <body style="background: url(images/bgnoise_lg.png) repeat left top;"> <!-- begin container --> <div id="container" style="margin-top:280px; margin-right:auto; margin-bottom:0; margin-left:auto; width:600px;"> <!-- begin navigation --> <nav id="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <!-- end navigation --> </div> <!-- end container --> </body> </html> |
| 
|
