팁스토리, Tips

■ CSS HTML & CSS Tabs example, tab menu 탭메뉴 만들기 ■ HTML Tab One My father had a small estate in Nottinghamshire: I was the third of five sons. He sent me to Emanuel College in Cambridge at fourteen years old, where I resided three years, and applied myself close to my studies; but the charge of maintaining me, although I had a very scanty allowance, being too great for a narrow fortune, I was bou..

■ CSS Display Image On Text (a tag) Hover Only CSS 태그 hover 시 이미지 미리보기 기능 css 로만 구현하기 ■ HTML & CSS Show Image

■ CSS input text focus border color, 포커스 시 테두리 색상 변경 ■ 예제 요소 포커스 시 테두리 색상으로 변경하는 방법 (그림자 효과) ■ 결과

■ CSS 기본 테이블 테두리 한줄만 만들기 table border css ■ 기본 테이블 구조 (table) 구분 수량 A조 20 B조 35 C조 15 TOTAL 70 ■ 테이블 테두리 한줄만 나오게 하기 (table border css)

■ CSS :not() 선택자 클래스 접근 방법 부정 CSS 가상 클래스로, 특정 선택 요소를 제외한 나머지 요소들의 스타일 적용 가능 ■ 문법 :not(selector) { style properties } ■ 사용법 * B를 제외한 A,C만 color:red; 적용됨 A B C :not() - CSS: Cascading Style Sheets | MDN 부정(negation) CSS 가상 클래스 :not(X)는 인수로 간단한 선택자(selector) X를 취하는 기능 표기법입니다. 인수로 표시되지 않은 요소와 일치합니다. X는 다른 부정 선택자를 포함해서는 안 됩니다. developer.mozilla.org

■ CSS 모서리 둥글게 처리 ■ 사용법 border-radius 선택저장

■ CSS input type으로 속성 선택자 (input type별 스타일 적용하기) input 셀렉터로 스타일을 적용하면 텍스트박스, 버튼, 라디오 버튼, 체크박스 버튼 등 모든 input 태그에 적용됨 ■ 사용법 input[type=타입] { /* 스타일 내용 */ } ■ 예제

■ CSS div 영역 정가운데 정렬 / div 영역 화면 중앙에 정렬 ■ 사용법

CSS text gradient 텍스트 그라데이션 효과 ■ 사용법 TEXT GRADIENT

■ CSS background gradient 배경 그라데이션 효과 ■ 사용법