깔끔한 테이블 메뉴 - 1

테이블 상자는 CSS, 자바스크립트에 비해서 많이 화려하지 않기때문에, 디자인을 아주 중요시하는 고수분들에게는 솔직히 별로 인기가 없을지 몰라요 ^^
하지만, 어디까지나 블로그나 사이트를 막 접하는 분들이나 , 좀 더 깔끔하고 간편한 메뉴를 찾는 분들에게 조금이나마 도움이 되고자 올립니다. ^^

Table 과 CSS 를 혼합해서 만들어지므로, 그냥 일반적인 테이블 보다는
다양한 테두리와 색깔, 마우스온 효과도 있어서 훨씬더 모양도 이쁘고, 수정도 간편해서 초보분들도 쉽게
사용할 수 있을거라고 생각합니다.

 

---

－・－　MENU　－・－

포토샵강좌

베가스강좌

자유게시판

HTML/CSS

희야의웹하우스

－・－・－・－・－・－・－

<table bordercolor="dimgray" border="3" cellspacing="0" cellpadding="5" width="170">
<tr><td bgcolor="#dcdcdc"><center><font color="dimgray">－・－　<b>MENU</b>　－・－</font></td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank>포토샵강좌</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">베가스강좌</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">자유게시판</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">HTML/CSS</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">희야의웹하우스</a>
</td></tr>
<tr><td bgcolor="#dcdcdc"><center>
<font color="dimgray">－・－・－・－・－・－・－</font>
</td></tr>
</table>

－・－　MENU　－・－

포토샵강좌

베가스강좌

자유게시판

방명록

희야의웹하우스

－・－・－・－・－・－・－

<table bordercolor="lightcoral" border="3" cellspacing="0" cellpadding="5" width="170">
<tr><td bgcolor="peachpuff"><center><font color="lightcoral">－・－　<b>MENU</b>　－・－</font></td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">포토샵강좌</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">베가스강좌</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">자유게시판</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">방명록</a>
</td></tr>
<tr><td align="center">
<a href="http://heeya1004.tistory.com/" target=_blank">희야의웹하우스</a>
</td></tr>
<tr><td bgcolor="peachpuff"><center>
<font color="lightcoral">－・－・－・－・－・－・－</font>
</td></tr>
</table>

---

소스 고대로 복사하셔서 사용하시면 됩니다.
링크 주소와 테이블 사이즈 그리고 색상을 자신의 사이트나 블로그에 맞게 바꿔서 사용하세요.