[CSS] Box 모델

밖에서부터 margin, border, padding

  • 텍스트에 대해 inline, block 있다. inline은 자기 사이즈만 차지. block은 그 줄 다 차지.
  • border-bottom:1px red solid; 의 의미: 빨간 기본 실선을 아래에 긋는다.
  • border - (top, bottom, right, left, ...)을 뒤에 붙일 수 있다.

    h1 {
    border: 5px red solid;
    width: 100px;
    text-align: center;
    margin: 20px;
    padding: 5px;
    display: inline;
    }
    display를 통해 영역을 설정 가능

    ol{
      border-right:1px solid gray; #border는 픽셀, 선 종류, 색 지정 
      width:100px;
      margin:0;
      padding:20px;
    }

    border에는 -right, -bottom, -left 등이 있다.

  • 좋은 웹페이지 즐겨찾기