repl.it #7&8. CSS : margin/padding/border

이지·2020년 9월 14일

HTML&CSS

목록 보기
5/8
post-thumbnail

         여백을 스타일링하는 margin, border(테두리 두께), padding 입니다. 

시계방향으로 값이 정해집니다.
이를 풀어쓰면 아래와 같습니다.

p.example {
  margin-top: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
  margin-left: 50px;
}

선 스타일의 종류입니다.

dotted
dashed
solid
double
groove
ridge
inset
outset

선의 위치도 설정할 수 있습니다.

blockquote {
 border-top: 4px double red;
 border-right: 2px solid #666666;
 border-bottom: 6px dashed darkviolet;
 border-left: 1px dotted #00ee44;
}

밑줄을 쳐주는 스타일입니다.

text-decoration: underline; 
profile
이지피지레몬스퀴지🍋

0개의 댓글