반응형
.list01{width:100%; background:#fff; overflow:hidden;}
.list01 li{float:left; margin:3px 0 3px -1px; padding:0 12px 0 14px; background:url(img/bu_bar01.gif) no-repeat left 2px; white-space:nowrap}
<ul class="list01">
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
</ul>
반응형
'CSS HTML5 > 퍼블리싱 팁' 카테고리의 다른 글
| 수직 슬라이딩 메뉴 (0) | 2016.11.09 |
|---|---|
| 유동성 버튼 만들기 (0) | 2016.11.09 |
| selcet처럼 css 디자인입히기 (0) | 2016.11.09 |
| 버튼 스타일시트 (0) | 2016.11.09 |
| 백그라운드 라운드 이미지 처리 (0) | 2016.11.09 |