본문 바로가기
배워보자!!/html-css

[html/css] css 이용해 테두리 모양 지정하기!

by norinda 2015. 3. 18.
728x90

css를 이용하여 테두리 선을 꾸며 보겠습니다.


none : 테두리가 없음

solid : 테두리를 직선으로 표시함

dotted : 테두리를 점선으로 표시함

dashed : 테두리를 좀 더 긴 점선으로 표시함

double : 테두리를 이중 실선으로 표시함

ridge : 테두리를 볼록한 실선으로 표시함

groove : 테두리를 오목한 실선으로 표시함

inset :  테두리의 내용을 오목한 모양으로 표시함

outset : 테두리의 내용을 볼록한 모양으로 표시함

코드를 수정후 적용하기를 눌러 확인가능합니다.

none :
테두리없음





solid :
테두리 직선

dotted :
테두리 점선





dashed:
테두리 긴 점선

double:
테두리 이중 실선





ridge:
테두리 볼록한 실선

groove:
테두리 오목한 실선





inset:
테두리 오목모양

outset:
테두리 볼록모양


반응형

댓글