728x90
연습과제
캡쳐화면에 제시된 표와 유사하게 디자인해보세요!
https://kiranworkspace.com/demo/projects/code-snippets/table/user-table/
1. 개발자 도구에서 폰트 크기나 색상을 참고해서 구현해주세요!
2. 시맨틱 태그로 전체 뼈대 구조를 잡고 시작해주세요!
3. 드롭다운 메뉴는 하실수 있으신 분만 시도해보세요!
728x90
'프론트엔드 > HTML & CSS 강의' 카테고리의 다른 글
position, flexbox 를 활용한 웹페이지 기본 디자인 (0) | 2024.02.13 |
---|---|
시맨틱 태그 심화과제 (0) | 2024.02.04 |
CSS 변수와 함수 (0) | 2023.06.26 |
플럭스박스(flexbox) 활용 (0) | 2023.06.24 |
4. 박스모델 (Box Model) (0) | 2023.06.15 |