Trio ȨÆäÀÌÁö CSS·Î ÀÛ¼ºÇÑ ¸Þ´º ¿¹Á¦(cxzmenu2.html) ¿¹Á¦ ¸Þ´º·Î



»ö»ó, Å©±â, ÆùÆ®µéÀº Å×À̺í°ú <head>ÀÇ <style>ÀÇ Ã»»ö ºÎºÐÀ» Á¶Á¤ÇÏ¿© »ç¿ëÇ϶ó.
´Ù¸¥ ÆäÀÌÁö¿Í Ʋ¸° Á¡Àº Àû»öÀ¸·Î Ç¥½ÃµÇ¾ú½¿.
ÀÌ »ö»óÀº ÄÚµå¿Í °ü°è¾øÀÌ ¼³¸íÀ» À§ÇØ »ðÀÔ ÇÑ »ö»óÀÓ.



<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN">
<html lang="ko">
<head>
<title>Trio ȨÆäÀÌÁö - CSS·Î ÀÛ¼ºÇÑ ¸Þ´º ¿¹Á¦(cxzmenu2.html)</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=EUC-KR">
<style type="text/css">
table.menutable { 
  background-color:ffaa00; /* ½ÇÁ¦ ³ªÁß¿¡ µ¤¾î ¾º¿ì¹Ç·Î ÀÛ¿ë ¾ÊµÊ */
  text-align:center; vetical-align:middle;
  border:solid thin; border-width:1pt; border-color: 0000ff; 
  padding:1pt; margin:1pt; 
  /*À̹ÌÁö¸¦ »ç¿ë½Ã 
    background-image:url('http://trio.co.kr/gif/hmbgu.gif'); */ 
}
td.menucell, td.menuselect { /* ±ÛÀÚ Å©±â¿Í º¸´õ ÁöÁ¤ */
  background-color:006600; 
  font-size:1.06em; font-weight:bold; /* ÁöÁ¤ ¾øÀ¸¸é µðÆúÆ® */
  text-align:center; 
  border:solid thin; border-width:1pt; border-color: ffff00;
}
td.menucell a:link{ /* ¿¬°áµÈ Ä­ ÁöÁ¤ */
  background-color:008800; color:ffff00; 
  text-decoration:none; /* ¹ØÁÙ ±×·Á¸é »èÁ¦ */ 
}
td.menucell a:visited { /* ¹æ¹® Çß´ø Ä­ ÁöÁ¤ */
  background-color:00aa00; color:ffffff;
  text-decoration:none; /* ¹ØÁÙ ±×·Á¸é »èÁ¦ */
}
/* È°¼º ÀÎÄ¿ ÁöÁ¤(+ À­ÁÙ ±ß±â) */
td.menucell a:active, td.menucell a:hover, td.menucell a:focus {
  background-color:ffff00; color:ff0000;
  text-decoration: underline; /* ¹ØÁÙ ¾ø¾Ö·Á¸é text-decoration:none; */
}
/* È°¼º ÀÎÄ¿ Ãß°¡ ÁöÁ¤(¹ØÁÙ ±ß±â) */
td.menucell a:active, td.menucell a:hover, td.menucell a:focus {
  text-decoration: underline; /* ¹ØÁÙ ¾ø¾Ö·Á¸é »èÁ¦ */
}
td.menuselect { /* ¼±Åà µÈ Ç׸ñÀÇ Â÷º°È­, ¾ÕÀÇ ÀÏ¹Ý ÁöÁ¤ µ¤¾î¾º¿ò*/
  background-color:ffee88; color:ff0000;
}
</style>
<style type="text/css">¿¡¼­ </style>±îÁöÀÇ ¸ðµç ³»¿ëÀ» º°µµ È­ÀÏ cxmenu.css¿¡ ÀúÀåÇÏ°í Àüü ºÎºÐÀ»
<link rel="stylesheet" href="cxmenu.css" type="text/css">
·Î ´ëüÇÏ¿©µµ °°Àº °á°ú¸¦ °®´Â´Ù. È­ÀÏ ¾È¿¡ <style type="text/css">¿Í </style>¸¦ Æ÷ÇÔ½ÃÅ°Áö ¸¶½Ê½Ã¿À. ¿©·¯¹ø º¹»çÇØ¾ß ÇÏ´Â ³»¿ëÀº ÀÌ·¸°Ô ÇÏ´Â °ÍÀÌ Æí¸®ÇÏ´Ù.
</head> <body>
<table class=menutable width=60% border=1 align=center>
<tr align="center">
<td width="25%" class=menucell>
  <a href="cxmenu.html">&nbsp;Ç׸ñ 0&nbsp;</a></td>
<td width="25%" class=menucell>
  <a href="cxzmenu1.html">&nbsp;Ç׸ñ 1&nbsp;</a></td>
<td width="25%" class=menuselect>
  <!!!a href="cxzmenu2.html">&nbsp;Ç׸ñ 2&nbsp;<!!!/a></td>
<td width="25%" class=menucell>
  <a href="cxzmenu3.html">&nbsp;Ç׸ñ 3&nbsp;</a></td>
</tr></table>
</body> </html>
¿¬°á°ú ¹æ¹® Çß´ø ¸Þ´ºÀÇ ºóÄ­(&nbsp;) ³Êºñ¸¦ ³ÐÈ÷¸é »ö»ó ¹üÀ§°¡ È®ÀåµË´Ï´Ù.
<! ȤÀº <!!!´Â Á¾·á ű×(>) ±îÁö ¹«È¿È­ µÊ.
<style> ºÎºÐ°ú <table> ºÎºÐÀ» °¢ ¹®¼­¿¡ º¹»çÇÏ°í Àû»ö ºÎºÐ ¸¸ ¼öÁ¤ ÇØ ÁÖ¸é µÈ´Ù.

¹ø¿ª¹® ¼ÒÀ¯ÀÚ - Trio ȨÆäÀÌÁö ¿¹Á¦ ¸Þ´º·Î
À̹®¼­(http://trio.co.kr/webrefer/csex/cxzmenu2.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.