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¿¡ ÀúÀåÇÏ°í Àüü ºÎºÐÀ» <! ȤÀº <!!!´Â Á¾·á ű×(>) ±îÁö ¹«È¿È µÊ. <style> ºÎºÐ°ú <table> ºÎºÐÀ» °¢ ¹®¼¿¡ º¹»çÇÏ°í Àû»ö ºÎºÐ ¸¸ ¼öÁ¤ ÇØ ÁÖ¸é µÈ´Ù. |
|
||||||
À̹®¼(http://trio.co.kr/webrefer/csex/cxzmenu2.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ. |