목록2023/12/12 (1)
사이먼's 코딩노트
[HTML & CSS] 디자인삼성 탑바 제작(4)
[디자인삼성 탑바 제작 (~ing)] [우측 텍스트와 아이콘 생성] 우측 right-box는 텍스트가 들어가는 text-box와 아이콘이 들어가는 icon-box로 나누어져 있다. html에 작성 시 text-box에 속한 "#UX_UI"라는 텍스트는 추후 스크립트 작업(애니매이션)이 필요하기 때문에 단순히 div태그로만 감싸지 않고 안에 span태그를 포함하여 작성한다. icon-box는 두 가지 이미지를 포함하기 때문에 클래스 선택자를 2개로 두어 div태그를 생성한 뒤 div태그 안에 img태그를 추가하는 방식으로 코드를 작성한다. img태그 안에 들어갈 돋보기와 지구본모양 아이콘은 디자인삼성 홈페이지에서 코드를 가져와 svg 파일을 새로 생성한다. img태그의 src에는 각 svg파일 경로를 작성..
HTML & CSS
2023. 12. 12. 10:55