반응형 CSS HTML539 백그라운드 라운드 이미지 처리 .list_content_set{position:relative;background-color:#fff;padding:10px 5px;}.round1_1{position:absolute;top:0;left:0;width:13px;height:13px;background:url(../image/bg_round1.gif) no-repeat 0 0; font-size:0;}.round1_2{position:absolute;top:0;right:0;width:13px;height:13px;background:url(../image/bg_round1.gif) no-repeat 100% 0; font-size:0;}.round1_3{position:absolute;left:0;bottom:0;width:13px;h.. 2016. 11. 9. 제목이 길 경우 점선으로 나오게 하는... .title_cut{margin:0 auto;width:55%; text-overflow:ellipsis; overflow:hidden;} 제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷제목길이컷 폰트가 길 경우 윈도우에 조절에 따라 점선표시..가 된다~ 2016. 11. 9. css 세로 중앙 정렬 할때 display: table-cell;vertical-align: middle;margin: 0; 2016. 11. 9. 푸터가 항상 하단에 있게 할때 html, body { height: 100%; margin: 0; padding: 0; } #header { height: 100px; background: #ddd; position: relative; z-index: 1; } #content-box { min-height: 100%; margin: -100px 0 -50px 0; } *html #content-box { height: 100%; } #content { padding: 100px 0 50px 0; } #footer { height: 50px; background: #ddd; } header (height 100pixel) contentscontentscontents footer (height 50pixel) 2번째방법 contents{.. 2016. 11. 9. 특수문자 코드표 Hex CodeEntity CodeNumber CodeCharacterDescription """Quotation Mark &&&Ampersand ⁄//Slash <<Greater Than Sign ‚‚‚Single Low-9 Quote „„„Double Low-9 Quote††††Dagger ‡‡‡Double Dagger ‰‰‰Per Mill Sign ‹‹‹Single Left Angle Quote ‘‘‘Left Single Quote ’’’Right Single Quote “““Left Double Quote ”””Right Double Quote ™™™Trademark Symbol ›››Sin.. 2016. 11. 9. div 영문만 나열했을 경우 문제 word-break:break-all; word-wrap:break-word; dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGddddddddddddddddddddddddddddddddddddddddddddd 2016. 11. 9. 이전 1 2 3 4 5 6 7 다음 반응형