| 링크1 | 링크2 |
<STYLE>
.clsButtonFace {BORDER-RIGHT: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
BORDER-LEFT: white 1px solid;
BORDER-TOP: white 1px solid;
PADDING-RIGHT: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;}
.clsButtonFaceDown {BORDER-RIGHT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-TOP: gray 1px solid;
PADDING-TOP: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;
TEXT-INDENT: 2px;}
</STYLE>
</HEAD>
<BODY style="background:#f1f1f1;" leftMargin=0 topMargin=0 rightMargin=0>
<br><center>
<TABLE cellSpacing=0 cellPadding=0 border=0 width="333" height="30">
<TBODY>
<TR>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace'}"
onclick=showidx.click() width="168">
<A href="기초예제.htm" target="_blank" id=showidx
onclick="event.cancelBubble = true;" onfocus='this.blur ()'>링크1</A>
</TD>
<td width="1"> </td>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace';}"
onclick=showtoc.click() width="156"> 링크2
</TD>
</TR>
</TBODY>
</TABLE></center>
<A href="testhtml" target="_blank" id=showtoc onclick="event.cancelBubble = true;" style="visibility:hidden;" onfocus='this.blur ()'> </A>
'Html & Css' 카테고리의 다른 글
| 게시판 전체배경 소스 (0) | 2016.06.03 |
|---|---|
| 배경음악 연속으로 이어지기 (0) | 2016.06.03 |
| 테이블에 링크걸기 (0) | 2016.06.03 |
| 메타태그 활용하기 (0) | 2016.06.03 |
| 문자 태그 생성기 (0) | 2016.06.03 |