CSS DIV 메뉴만들기
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
* { margin:0; padding:0;}
#top { width:800px; height:50px; background-color: bb99ff; margin:auto;}
#top>ul { border:1px #333; margin-left:200px; }
li { float:left; margin-right:30px; margin-top:50px;}
</style>
</head>
<body>
<div id="top">
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
<li>menu5</li>
</ul>
</div>
</body>
</html>
'홈페이지제작 > CSS' 카테고리의 다른 글
| css기초 마진(Margin)과 패딩(padding) (0) | 2018.03.10 |
|---|---|
| [CSS 기초강좌] 아이디 선택자(ID Selector) (0) | 2018.03.08 |
| [CSS 기초] 클래스 선택자 (0) | 2018.03.06 |
| [CSS 강좌] 아이디 선택자 (0) | 2018.03.06 |
| [CSS 강좌] CSS Margin 속성 (0) | 2018.03.05 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.