웹프로그래밍/css
CSS 박스모델 - 경계선
zelkova
2016. 2. 29. 21:53
|
|
요소 | 설명 |
속성 |
border-style | 선의 종류를 설정함 |
none. |
dotted |
||
dashed |
||
solid |
||
double |
||
groove |
||
ridge |
||
inset |
||
outset |
상 하 좌 우 설정가능
border-top-style:
border-bottom-style:
border-left-style:
border-right-style:
경계의 폭설정
border-width
경계선 색상 설정
border-color:
한줄로 경계선 속성 지정
border : 3px solid blue;
경계선 곡률 생성하기
border-radius:5px;
경계에 그림자 생성하기
box-shadow: 가로오프셋 세로오프셋 번지는정도 그림자색;
box-shadow: 20px; 10px 5px #abcdef;
반응형