테이블 만들기

테이블의 테두리 스타일에 관하여.
테이블 테두리 모양에는 여러가지가 있습니다.
이 테두리 모양을 지정하는 명령어는 style로 정의 합니다.
테이블 명령어 내에  style="border-style:변수;"라고 넣으면 변수의 정의 대로
테이블 테두리모양이 바뀌어 집니다.

?

기본소스예 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를 조절하여 응용해 보세요