반응형
<ul>, <li> 를 사용해서 좌측메뉴 만들기
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Statz">
<META NAME="Keywords" CONTENT="CSS연습,웹표준2.0,기본메뉴 만들기">
<META NAME="Description" CONTENT="">
<style type="text/css">
#menu{
list-style: none;
padding-left: 10px;
margin: 0;
font-size: 12px;
/* background-color: #EFEFEF */
}
#menu li{
background: url(./images/arrow_01.gif) no-repeat 0 50%;
padding-left: 17px; /* 아이콘만큼 떼고 글자위치*/
}
</style>
</HEAD>
<BODY>
<ul id="menu">
<li>회사소개</li>
<li>연혁/조직도</li>
<li>인증현황</li>
<li>찾아오시는 길</li>
</ul>
</BODY>
</HTML>
[출처] 웹표준2.0 연습 - 좌측메뉴 만들기|작성자 스텟츠
