clonecoding (1) 썸네일형 리스트형 [CSS] 구글 검색창 따라만들기(Gukgle 구욱글) with Bootstrap 구글 검색창을 따라해보려고 한다. 먼저 소스 코드이다. Gukgle 코드에서 분석할 4가지 1. 우선 부트스트랩에 접속하여 link태그를 head태그 안에 넣어준다. 2. 부모 tag 자식 tag:nth-child(요소 번호)는 부모 태그 내의 자식 태그의 몇 번째 요소인 자식 태그를 바꿔줄 수 있는 코드이다. 3. 구글 검색창의 각 색은 각종 툴의 스포이드 기능을 이용해서 추출한다. 4. input태그의 위치는 부트스트랩에서 class요소로 넣었다. 정말 손쉽다. 5. form 태그의 action은 어디를 향할 것인지 정하는 것이고 method는 데이터 전송 방식을 나타낸다. 그리고 input 태그의 name q는 q로 시작하는 것을 말해준다. 구글에 검색을 해보면 주소창에 google.com/sear.. 이전 1 다음
