반응형 CSS HTML539 버튼 클릭 시 레이어 팝업 ㅇㅇㅇㅇ 보여질 내용---------------------------------------------------------------------------------------------------------------------------클릭 시 보이고 안보이고 할때는 관련Url 닫기 관련url 관련url http://www.daum.net/">관련url> ddddddddddd 2016. 11. 9. 수직 슬라이딩 메뉴 메뉴1 메뉴1_1 메뉴1_2 메뉴2 메뉴2_1 메뉴2_2 메뉴3 메뉴4 메뉴4_1 메뉴4_2 메뉴4_3 2016. 11. 9. 유동성 버튼 만들기 .button,.button a,.button button,.button input { position:relative; display:inline-block; text-decoration:none; border:0; height:23px; font-size:12px; line-height:23px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./image/button.gif) no-repeat; vertical-align:middle; color:#333;} .button a,.button button,.button input { left:2px; overflow:visible; padding:0 10px 0 8px; back.. 2016. 11. 9. 가로로 나열되며 l 로 나뉘는 메뉴 .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} etc_1 etc_1 etc_1 etc_1 2016. 11. 9. selcet처럼 css 디자인입히기 select link link_1 link_2 link_3 2016. 11. 9. 버튼 스타일시트 버튼.btn1{display:inline-block;height:32px;background:url(../image/bg_btn3.gif) repeat-x;font-size:16px;line-height:32px;color:#373737;letter-spacing:-1px;text-align:center;font-weight:normal;border:1px #b4b4b4 solid;font-weight:bold;margin-top:0;} 2016. 11. 9. 이전 1 2 3 4 5 6 7 다음 반응형