[스크랩] ※[(테이블)] (2) 테이블 테두리의 색을 지정하기 ※

※[(테이블)] (2) 테이블 테두리의 색을 지정하기 ※  

★형식 ★

<＊table border="1" bordercolor="원하는색코드값"><＊tr><＊td>
내용이나이미지넣기<＊/td><＊/tr><＊/table> 

 

★ 실습예제 ★

<＊table border="1" bordercolor="red"><＊tr><＊td>테이블테두리색이 빨간색두께는1<＊/td><＊/tr><＊/table>

<＊table border="5" bordercolor="hotpink"><＊tr><＊td>테이블테두리색이 핑크색두께는5 <＊/td><＊/tr><＊/table>

<＊table border="7" bordercolor="skyblue"><＊tr><＊td>테이블테두리색이 하늘색두께는7 <＊/td><＊/tr><＊/table>

<＊table border="10" bordercolor="black"><＊tr><＊td>테이블테두리색이 검정색두께는10 <＊/td><＊/tr><＊/table>



★ 실행결과 ★

 

테이블테두리색이 빨간색두께는1

테이블테두리색이 핑크색두께는5

테이블테두리색이 하늘색두께는7

테이블테두리색이 검정색두께는10

 

 
※ 보충설명 ※

테이블 테두리의 색을 조정해주는 명령어는 총 3개로 나눌수가 있습니다.
우리가 앞전에 테이블테두리 두께에 대해서 알아봤습니다

<＊table border="3"> 
 이렇게 지정하면 테이블 테두리가 3만큼의 두깨로 나타나죠

<＊table border="1"bordercolor="red"> 
 이렇게 지정하면 테이블 테두리 두께는 1이고
테이블테두리의 색은 빨간색으로 나타납니다.

 색을 지정할땐bordercolor라는 명령어를 쓰시면됩니다.
red대신 black이라고 넣으면 검정색 테두리색으로 변하겠죠 ?

 그외
bordercolorlight : 표의왼쪽 윗부분의 색을 지정합니다.
bordercolordark : 표의 오른쪽 아래쪽의 색을 지정합니다.
........ 명령어가 있습니다.
이건 테이블을 좀더 입체감있고 사실감있게 보이기 위해쓰입니다.

 

★ 예를 들어볼까요 ★

 <＊table border="3" bordercolorlight="red" bordercolordark="black">

 이렇게 지정하면 테이블테두리의 두께는 3이고
아래부분은 검정색으로 윗부분은 빨간색으로 지정이 되어집니다.
한번 연습해 보시고 여러분들이 직접 이쁜 테두리색을 만들어 보시기 바랍니다.

 

출처 : ※[(테이블)] (2) 테이블 테두리의 색을 지정하기 ※

글쓴이 : winkorea21 원글보기

메모 :