KingBini_Note
close
프로필 배경
프로필 로고

KingBini_Note

  • 분류 전체보기 (68)
    • Prgraming Error (13)
      • jsp,servlet (11)
    • Programing (30)
      • JavaScript (5)
      • java (10)
      • jsp (2)
      • study (9)
      • spring (4)
    • CS (2)
      • 자료구조 (1)
      • 알고리즘 (1)
    • Book (0)
    • 강의 (11)
      • 스프링_핵심원리_기본 (4)
      • 스프링부트 JPA활용 1 (7)
    • algorithm문제 풀이 (3)
      • 백준 (3)
    • Network (1)
    • cloud (2)
      • AWS Cloud (2)
    • DB (3)
      • PostgreSQL (2)
    • OS (1)
      • LINUX (1)
  • 홈
  • 태그
  • 방명록
6일차!_Css-Flex 속성을 이용하여 미니홈피 기본레이아웃 만들기

6일차!_Css-Flex 속성을 이용하여 미니홈피 기본레이아웃 만들기

결과물 css 속성 Flex를 사용하여 미니홈피의안의 기본 레이아웃을 잡았다. HTML 에서 div클래스로 flex를 적용시킬 클래스를 상속을시켜 css에서 Flex를 만들어 contaicer의 안에 tem을 가로와 세로로 배열하기위해 Flax 속성인 row와 column 을 이용하였다. body{ background-color:rgb(152, 151, 151); background-image: url(뼈대패턴.png); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } /**position 속성값 static(포지션 기본값), relative, absolute, fixed 순으로 상대적으로 레이아웃박스의 위치..

  • format_list_bulleted study
  • · 2021. 9. 15.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (68)
    • Prgraming Error (13)
      • jsp,servlet (11)
    • Programing (30)
      • JavaScript (5)
      • java (10)
      • jsp (2)
      • study (9)
      • spring (4)
    • CS (2)
      • 자료구조 (1)
      • 알고리즘 (1)
    • Book (0)
    • 강의 (11)
      • 스프링_핵심원리_기본 (4)
      • 스프링부트 JPA활용 1 (7)
    • algorithm문제 풀이 (3)
      • 백준 (3)
    • Network (1)
    • cloud (2)
      • AWS Cloud (2)
    • DB (3)
      • PostgreSQL (2)
    • OS (1)
      • LINUX (1)
최근 글
인기 글
최근 댓글
태그
  • #인프런
  • #JSP
  • #servlet
  • #Spring
  • #스프링 부트와 JPA 활용1
  • #김영한
  • #자바
  • #JS
  • #java
  • #JPA
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.