테스트 사이트 - 개발 중인 베타 버전입니다

수평메뉴1

· 11년 전 · 1834

1. HTML source

<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li><a href='#'><span>Products</span></a></li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>


2. CSS source

#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: block;
  height: 40px;
  text-transform: uppercase;
  font-size: 13px;
  background: transparent url('blue.jpg') repeat-x top left;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  width: auto;
}
#cssmenu li {
  display: block;
  float: left;
  margin: 0;
  pading: 0;
  border-right: 1px solid #ffffff;
}
#cssmenu li a {
  display: block;
  float: left;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 20px 0 20px;
  height: 24px;
  height: 40px;
}
#cssmenu li a:hover {
  background: transparent url('black.jpg') repeat-x top left;
}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
17730
11739
11738
20311
11737
11736
11735
11734
11732
11731
11730
11729
11728
20308
20307
11727
11724
11723
20306
20304
11722
11721
11720
11719
11718