crystal_dev
Crystal 개발 일지
crystal_dev
전체 방문자
오늘
어제
  • 분류 전체보기 (58)
    • Web (0)
    • Frontend (32)
      • React (0)
      • Javascript (17)
      • HTML & CSS (14)
      • DOM API (0)
    • 사이드프로젝트 (1)
      • Flask (1)
    • CS (0)
      • Network (0)
    • 형상관리 & 개발도구 (2)
      • git (1)
      • VSCode (1)
    • 알고리즘 (19)
      • 백준 알고리즘 (1)
      • 프로그래머스 (17)
      • 기타 (1)
    • Error (2)
      • javscript (1)
      • python (1)
    • blog (2)
      • daily (1)
      • 회고 (0)
      • it참고 (0)
      • 항해99 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • CSS
  • 자바스크립트
  • js
  • 알고리즘
  • let
  • Javascript
  • userfont
  • js 기본
  • 풀이
  • css위치
  • Algorithm
  • 느슨한타입
  • frontend
  • Programmers
  • 프로그래머스
  • javascript error
  • js기본
  • match()
  • css정렬
  • 프론트엔드

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
crystal_dev

Crystal 개발 일지

[TIL] div 디자인
Frontend/HTML & CSS

[TIL] div 디자인

2022. 6. 9. 16:23
728x90
반응형

 

 

 

HTML 

<div class="box">
  <p>안녕하세요 개발자입니다.</p>
</div>

 

 

CSS

.box {
    width: 100px;
    background-color: cadetblue;
    margin: 10px;
    padding: 40px;
    border: 1px solid white;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, 0.3);
}

 

728x90
반응형
저작자표시 (새창열림)

'Frontend > HTML & CSS' 카테고리의 다른 글

[TIL] 레이아웃 만들기  (0) 2022.06.14
[TIL] float 또는 inline-block으로 수평정렬  (0) 2022.06.14
[TIL] margin, padding  (0) 2022.06.09
[TIL] CSS Selector  (0) 2022.06.09
[TIL] 이미지 가운데 정렬  (0) 2022.06.09
    'Frontend/HTML & CSS' 카테고리의 다른 글
    • [TIL] 레이아웃 만들기
    • [TIL] float 또는 inline-block으로 수평정렬
    • [TIL] margin, padding
    • [TIL] CSS Selector
    crystal_dev
    crystal_dev
    어제보다 더 나은 오늘의 내가 되자 ✧ʕ̢̣̣̣̣̩̩̩̩·͡˔·ོɁ̡̣̣̣̣̩̩̩̩✧

    티스토리툴바