만드는 법 몇가지

테이블 테두리 만드는 법 몇가지   2007/05/08 10:43
테이블의 테두리 스타일에 관하여. 테이블 테두리 모양에는 여러가지가 있습니다. 이 테두리 모양을 지정하는 명령어는 style로 정의 합니다. 테이블 명령어 내에 style="border-style:변수;"라고 넣으면 변수의 정의 대로 테이블 테두리모양이 바뀌어 집니다. Table 속성에관하여 기본소스예 <TABLE style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid" height=80 cellSpacing=0 cellPadding=0 width=500 border=10> <TBODY> <TR> <TD> </td></tr></tbody></table> 1.일반적으로 많이 사용하는 테이블 일반적인 테이블 테두리 결과보기 일반적인 테이블 테두리 2.소스 style="border-style:solid;" 을 적용해 보겠습니다 적용될 소스 style="border-style:solid;" 결과 보기 적용된 소스 style="border-style:solid;" 3. style="border-style:double;" 적용해 보겠습니다 적용할 소스 style="border-style:double;" 결과 보기 적용된 소스 style="border-style:double;" 4. style="border-style:dashede;" 적용해 보겠습니다 적용될 소스 style="border-style:dashed;" 결과 보기 적용된 소스 style="border-style:dashed;" 5. style="border-style:groove;" 적용해 보게습니다 적용할 소스 style="border-style:groove;" 결과 보기 적용된소스 style="border-style:groove;" 6. style="border-style:ridge;" 적용해 보겠습니다 style="border-style:ridge;" 결과 보기 적용된 소스 style="border-style:ridge;" 7. style="border-style:dotted;" 적용해 보겠습니다 적용할 소스 style="border-style:dotted;" 결과 보기 적용된 소스 style="border-style:dotted;" 8. style="border-style:inset;" 적용해 보겠습니다 적용할 소스 style="border-style:inset;" 결과 보기 적용된 소스 style="border-style:inset;" 9. style="border-style:outset;" 적용해 보겠습니다 적용할 소스 style="border-style:outset;" 결과 보기 적용된 소스 style="border-style:outset;" 이상이 테이블 테두리 모양을 지정하는 것이었습니다. bordercolor와 border의 width를 조절하여 응용해 보세요