테이블,이미지 테두리 스타일
작성자 : 단국강토
등록날짜 : 2009.02.10 10:07
테이블,이미지 테두리 스타일 ................................................. 테이블 태그나 이미지등 테두리선에 대한 스타일을 ! 특히 점선이나 한편을 다르게 표현하고자 할 때는 CSS를 사용할 수 있다. |
■ border-style |
border-style:none |
| |
border-style:dotted |
| |
border-style:dashed |
| |
border-style:solid |
| |
border-style:double |
| |
border-style:groove |
| |
border-style:ridge |
| |
border-style:inset |
| |
border-style:outset |
|
|
■ border-color |
border-color:#006699 border-style:dotted |
| |
border-color:tomato border-style:dashed |
| |
border-color:orange border-style:solid |
|
|
■ border-width |
border-width:1px border-color:#006699 border-style:dotted |
| ||
border-width:1px border-color:tomato border-style:dashed |
| ||
border-width:1px border-color:orange border-style:solid |
|
|
■ margin (바깥쪽 여백) |
margin:3px border-width:1px border-color:#006699 border-style:dotted |
|
|
■ width, height |
width=300 height=40 border-width:1px border-color:#006699 border-style:dotted |
|
■ padding (안쪽 여백) |
padding:5px width=300px border-width:1px border-color:#006699 border-style:dotted |
|
|
■ 이미지에 적용하기 |
border-style:dotted; border-color:orange; border-width:3px |
border-style:dashed; border-color:orange; border-width:3px |
border-style:outset; border-color:orange; border-width:3px |
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|