| 테이블,이미지 테두리 스타일 ................................................. 테이블 태그나 이미지등 테두리선에 대한 스타일을 ! 특히 점선이나 한편을 다르게 표현하고자 할 때는 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 |
이올린에 북마크하기
이올린에 추천하기'웹_TIP' 카테고리의 다른 글
| onfocus='blur();' 를 한번에 (0) | 2007/01/15 |
|---|---|
| 드래그금지,마우스오른쪽금지 (0) | 2007/01/15 |
| 전체화면(풀스크린)으로 창 열기 (0) | 2007/01/15 |
| 테이블, 이미지 테두리관련 스타일 (0) | 2007/01/15 |
| 한줄짜리 웹소스 (0) | 2007/01/15 |
| 포토샵에서 한글안써질때 (1) | 2007/01/15 |
Prev
Rss Feed