HTML
Support/ Web Design /HTML /CSS / JavaScript / Content Management
joomla / Drupal/ WordPress / Con crete5 /General Inquiriers
Ask me a Quesition
Contact [파파고: 지원/웹디자인/HTML/CSS/자바스크립트/콘텐츠관리줌라/드루팔/워드프레스/콘크리트5/일반문의질문하기 연락처 [ 파파고: Papago (naver.com) ]
<head>
<style>
<style type="text/css">
ul {list-style: none;padding: 0px;margin: 0px;}
ul li {display: block;position: relative;float: left;border:1px solid #000}
li ul {display: none;}
ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
white-space: nowrap;color: #fff;}
ul li a:hover {background: #f00;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}
li:hover a {background: #f00;}
li:hover li a:hover {background: #000;}
#drop-nav li ul li {border-top: 0px;}
</style>
</head>
<ul id="drop-nav">
<li><a href="#">Support</a></li>
<li><a href="#">Web Design</a></li>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</li>
<li><a href="#">Content Management</a>
<ul>
<li><a href="#">Joomla</a></li>
<li><a href="#">Drupal</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">Concrete 5</a></li>
</ul>
</li>
<li><a href="#">Contact</a>
<ul>
<li><a href="#">General Inquiries</a></li>
<li><a href="#">Ask me a Question</a></li>
</ul>
</li>
</ul>
https://www.inmotionhosting.com/support/website/website-design/simple-css-drop-down-menu/
HTML 드롭다운 매뉴 소스제공
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Support
Web Design
HTML
CSS
JavaScript
Content Management
Contact