section { overflow-x: auto; } 예시는 모바일 사이에 넣은 이미지표이며 해당 영역만 좌우 스크롤이 되게 하였다 +)가로영역을 스크롤처럼 쓰되 스크롤바는 없애기 카테고리1 카테고리2 카테고리3 카테고리4 div { white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */ } div::-webkit-scrollbar { display: none; } div p{ display: inline-block; } 1) white-space:nowrap;을 주어 자식요소가 가로정렬이 되게 한다. 2) overflow-x: auto;을 주어 가로스..

background-color 태그 (형광펜 두께 조절 가능) cSS로 형광펜 효과내는 법 p { font-size: 26px; position: relative; display: inline-block; } span { position: relative; display: inline-block; background-color: linear-gradient(to top, #FFD84B 40%, transparent 40%); } mark 태그 (텍스트높이 100% 두께 / 색상 변경 가능) cSS로 형광펜 효과내는 법 p { font-size: 26px; } mark { background-color: #ffe6b6; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 /* 5, 10, 15, 20 번째 선택 (5의배수) */ .box:nth-child(5n){} /* 8번 부터 이후 모든 box 선택 */ .box:nth-child(n+8) {} /* 1번째 부터 8번째 까지 선택 */ .box:nth-child(-n+8) {} /* 16번째 부터 19번째 까지 box 배경색 변경 */ .box:nth-child(n+16):nth-child(-n+19) {} /* 마지막(20)에서 부터 3번째 */ .box:nth-last-child(3) {} /*nth-last-child(n)는 마지막에서부터 순서를 계산 .box:nth-child(odd) { color: red; } /* ..

원 .wrap{ position:relative; display : inline-block; } .wrap input{ width:240px; height:30px; border:1px solid #aaa; border-radius:4px; text-align:right; box-sizing:border-box; } input:not(:placeholder-shown){ /* input박스에 placeholder가 사라졌을 때 (=내용이 입력됐을 때) */ padding-right:24px; } input:not(:placeholder-shown) +span{ display:block; } .wrap span{ /* span의 위치를 잡아준 뒤 display:none */ position: absolut..

background-image는 링크가 걸리지 않으므로 이미지 등에 링크를 걸 때는 img태그를 사용해야 한다 a태그 target속성 _self : 링크된 문서를 링크가 위치한 현재 프레임에서 오픈함(기본값) _blank : 링크된 문서를 새로운 윈도우나 탭에 오픈함 _parent : 링크된 문서를 현재 프레임의 부모 프레임에서 오픈함 _top : 링크된 문서를 현재 윈도우 전체에서 오픈함 프레임 이름 : 링크된 문서를 명시된 프레임에서 오픈함 참고 http://www.tcpschool.com/html-tag-attrs/a-target

HTML 바로가기 CSS .btn { background: linear-gradient(91.45deg, #833AB4 3.65%, #FD1D1D 50.45%, #FCB045 98.37%); color: transparent; background-clip: text; -webkit-background-clip: text; } 결과물