호기심천국

  • 홈
  • 태그
  • 방명록

UI 1

[HTML] 넷플릭스 프로필 선택 화면 구현 (UI)

개발툴 : Sublime Text3 (메모장으로 하셔도 상관없습니다) 넷플릭스 로그인 후 나타나는 프로필 선택 화면을 구현해보겠습니다. 먼저, 설정한 style 부분 (CSS)를 설명하겠습니다. 먼저 스타일을 구분해줄 클래스명을 추가해 구분해줍니다. ex) .클래스명 태그인 proflie-aria를 만들어 중간에 배치할 레이아웃을 만들어 줍니다. 이 레이아웃 안에는 "Netflix를 시청할 프로필을 선택하세요." 문구와 프로필 카드, 프로필 관리 버튼이 들어가게 됩니다. list 태그인 는 프로필 카드를 나열해줄 리스트이기 때문에 마커를 제외하였고, float 속성을 이용하여 가로 배열을 해주었습니다. style 설정을 마쳤으면 body 안에서 style 클래스를 사용할 태그들에 class명을 설정해줍니..

Web 2021.03.05
이전
1
다음
더보기
프로필사진

호기심천국

방문자수Total

  • Today :
  • Yesterday :

공지사항

Tag

문제풀기, 예제, 연습문제, 가상머신, 개발자, Python, error, 자기계발, Solution, 오류, 코딩, 웹개발, 파이썬개발, 파이썬배우기, Java, 파이썬공부, android, 기초, Developer, 점프투파이썬,
  • 분류 전체보기 (25)
    • 보안 (2)
    • Android (7)
    • 서버 (3)
    • Web (6)
    • Python (3)
    • Useful (4)

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바