멋쟁이사자처럼_FE_2기 실전 (1) - checkbox랑 select를 이쁘게 꾸미고 싶어! 이렇게 못생긴 기본 radio 디자인을 아래의 디자이너가 정해준 디자인으로 바꾸러면 어떻게 해야할까?? 이 방법을 사용할 경우 border color나 size등 일부 수정은 가능하겠지만, 위 사진처럼 예쁜 체크박스 이미지를 사용할 순 없다..! 우린 저 이미지를 그대로 불러와서 사용하고 싶다. 우선, 우리는 원래있던 저 동그라미를 사용하는 게 아니라 예쁜 체크 이미지를 불러올 예정이기 때문... CSS멋쟁이사자처럼_FE_2기CSS CSS 기초 (2) 선택자 / nth-child가 이상하다!? 태그[속성이름] [속성이름] 에 해당되는 속성을 가진 태그를 모두 선택 태그[속성이름="변수"] 속성이름의 속성값이 변수와 일치하는 태그를 선택 태그[속성이름~="변수"] 속성이름의 속성값이 변수를 포함하는 모든 태그 선택 (단어) 태그[속성^="변수"] 속성이름의 속성값이 변수로 시작하는 태그 선택 태그[속성$="변수"] 속성값이 변수로 끝나는 요소를 선택 태그[속성*="변수"] 속성값이 ... CSS멋쟁이사자처럼_FE_2기CSS
실전 (1) - checkbox랑 select를 이쁘게 꾸미고 싶어! 이렇게 못생긴 기본 radio 디자인을 아래의 디자이너가 정해준 디자인으로 바꾸러면 어떻게 해야할까?? 이 방법을 사용할 경우 border color나 size등 일부 수정은 가능하겠지만, 위 사진처럼 예쁜 체크박스 이미지를 사용할 순 없다..! 우린 저 이미지를 그대로 불러와서 사용하고 싶다. 우선, 우리는 원래있던 저 동그라미를 사용하는 게 아니라 예쁜 체크 이미지를 불러올 예정이기 때문... CSS멋쟁이사자처럼_FE_2기CSS CSS 기초 (2) 선택자 / nth-child가 이상하다!? 태그[속성이름] [속성이름] 에 해당되는 속성을 가진 태그를 모두 선택 태그[속성이름="변수"] 속성이름의 속성값이 변수와 일치하는 태그를 선택 태그[속성이름~="변수"] 속성이름의 속성값이 변수를 포함하는 모든 태그 선택 (단어) 태그[속성^="변수"] 속성이름의 속성값이 변수로 시작하는 태그 선택 태그[속성$="변수"] 속성값이 변수로 끝나는 요소를 선택 태그[속성*="변수"] 속성값이 ... CSS멋쟁이사자처럼_FE_2기CSS