CSS5 CSS 로 한줄, 여러줄로 글자 자르기 (... 붙히기) 한줄자르기 .line1 {display: inline-block;width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 여러줄자르기 .line2 {display: -webkit-box;white-space: normal;line-height: 20px;height: 40px;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical} 2017. 2. 16. 티스토리에 렉시새봄R 웹폰트 적용 방법 블로그에 해놓으니까 개인적으로 엄청 마음에드네요 【영 리 허 용】 : 상업적 용도로 자유롭게 사용 가능한 폰트 【조건부허용】 : 폰트의 일부 또는 특정 조건하에 상업적 용도로 사용 가능한 폰트 【비 영 리】 : 무료 게임 제작에만 이용 가능한 폰트 1. 아래의 압축파일을 다운받는다 2. [티스토리 관리자 - HTML/CSS 편집 - 파일업로드] 를 통해 압축 푼 파일들을 모두 업로드 3. style.css 에 다음 코드 추가 @font-face { font-family: ls; src: url('../fonts/LexiSaebomR.eot'); src: url('../fonts/LexiSaebomR.eot?#iefix') format('embedded-opentype'), url('../fonts/Lex.. 2016. 9. 7. html select에 디자인 입히기 (jquery 이용) 기본 select-option 태그에는 꾸밀 수 있는한계가 존재해요근데 jquery와 ul-li div를 이용해서 아래처럼 만든다면 디자인을 마음대로 해줄 수 있어요 FAMILY SITEGOOGLENAVER 2014. 10. 15. CSS 핵 (IE6, IE7 문제해결) 1. 스타핵(* html)-> html 선택자 앞에 오도록해서 IE 계열에만 적용되는 스타일시트를 지정할 수 있다. a:hover {border:1px;} // 모든 브라우져에서 적용됨*html a:hover {border:2xp;} // IE 계열에서만 적용됨.**html {border:2xp;} // IE7에서만 적용됨.html body, **html body {border:2xp;} // 모든 IE에서만 적용됨. 2. !important 핵-> IE 6를 위한 핵 #top { position:fixed !important; // 나머지브라우저는 import가 쓰여져있으면 우선순위를 높게 인식해줌 position:static; // IE6버전에서 적용(한규칙안에 여러개의 속성을 지정할 수 없으므로 첫.. 2014. 10. 15. div 마우스 오버 시 손가락 모양 커서 테스트 라는 div가 있을때 테스트란 글씨에 마우스를 오버하면 손가락 모양으로 바뀌게하려면 를 추가해주면된다. 2014. 10. 1. 이전 1 다음