텝 Animate 드롭 메뉴 01. CSS 123456789101112.tab_type02 ul:after {content:""; display: block; clear:both;}.tab_type02 li {float:left;/* width:25%;*/}.tab_type02 li a{display:block; padding:10px; border:1px solid #ccc; text-align:center;}.tab_type02 li.on a{background:#ccc; color:#fff; }.tab_type02 .box_area { position: relative;}.tab_type02 .box {border:1px solid #ccc; border-top:0; width:100%; paddi..
텝 메뉴 Animate 01. CSS 123456789101112.tab_type03 .box_area, .tab_type03 ul.menu:after {content:""; display: block; clear:both;}.tab_type03 .menu li {float:left;/* width:25%;*/}.tab_type03 .menu li a{display:block; padding:10px; border:1px solid #ccc; text-align:center;}.tab_type03 .menu li.on a{background:#ccc; color:#fff;}.tab_type03 .box_area {width:100%; height:100px; overflow:hidden;}.tab_typ..
HTML CSS 2줄 말줄임 HTML CSS로 문서 컬럼 여러줄일경우에 말줄임 방법 CSS HTML 123456 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. CSS123456789.box{width:200px;display: block;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; // 컬럼개수 overflow: hidden;max-height: 36px;}
HTML 워크리스트1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651..
HTML 푸터 고정 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 New Document html, body {margin:0; padding:0; height:100%;} #wrap {min-height:100%; position:relative;} #header { background:#ff0; padding:10px; } #container {padding:10px; padding-bottom:60px;} /* contianer padding-bottom px*/ #footer { position:absolute; bottom:0; width:100%; height:60px; backgroun..
Copyright © 2018 by sub All Rights Reserved.