css를 사용한 10가지 애니메이션 밑줄 텍스트 효과 https://speckyboy.com/underline-text-effects-css/

ul li 요소들을 display:inline-block; 을 사용하여 정렬을 하면 li 들 사이에 공백이 생긴다. 1 2 3 4 5 6 7 8 9 10 ul{ overflow:hidden; } li{ display:inline-block; padding:5px; background-color:gold; font-size:15px; } cs 해결방법 감싸는 부모에 font-size:0; 주기 또는 margin 음수값으로 조절하기 등이 있습니다. 보통 저는 font-size:0을 하거나 float 를 이용합니다. 1 2 3 4 5 6 7 8 9 10 11 ul{ overflow:hidden; font-size:0; } li{ display:inline-block; padding:5px; background..

css 한 줄 말줄임, 두 줄이상 말줄임 overflow:hidden 과 text-overflow:ellipsis 를 이용하여 말줄임 효과를 나타내보자.

123456789101112131415161718::-webkit-input-placeholder { /* 크롬 4–56 */ color: #9e9e9e;}:-moz-placeholder { /* 파이어폭스 4–18 */ color: #9e9e9e; opacity: 1;}::-moz-placeholder { /* 파이어폭스 19–50 */ color: #9e9e9e; opacity: 1;}:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */ color: #9e9e9e;}::placeholder { /* 파이어폭스 51+, 크롬 57+ */ color: #9e9e9e; opacity: 1;}Colored by Color Scriptercs