htmlµ¼º½ÌõÔõôÖÆ×÷
ÒªÖÆ×÷ html µ¼º½Ìõ£¬ÐèҪƾ֤ÒÔÏ°취²Ù×÷£º1. ½¨ÉèÒ»¸öÓÐÐòÁбí°üÀ¨Á´½Ó£»2. ʹÓà css ÃÀ»¯µ¼º½Ìõ£»3. Ìí¼Ó¼¤»î״̬ÒÔָʾĿ½ñÒ³Ã棻4. ¿ÉÑ¡µØÌí¼ÓÏÂÀ²Ëµ¥ÒÔ×é֯ǶÌ×Á´½Ó¡£
ÔõÑùÖÆ×÷ HTML µ¼º½Ìõ
µ¼º½ÌõÔÚÍøÕ¾Éè¼ÆÖÐÖÁ¹ØÖ÷Òª£¬ËüΪÓû§ÌṩÇåÎúµÄÍøÕ¾½á¹¹²¢Àû±ãËûÃÇä¯ÀÀ¡£ÒÔÏÂÊÇÖÆ×÷ HTML µ¼º½ÌõµÄ°ì·¨£º
1. ½¨ÉèÒ»¸öÓÐÐòÁбí
µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ
Ö÷Ò³
¹ØÓÚ尊龙凯时人生就是搏
²úÆ·
ÁªÏµ尊龙凯时人生就是搏
2. ÉèÖõ¼º½ÌõµÄÑùʽ
Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»
ʹÓà CSS À´ÃÀ»¯µ¼º½Ìõ²¢Ê¹ÆäÇкÏÍøÕ¾Éè¼Æ¡£ÒÔÏÂÊÇһЩ»ù±¾µÄÑùʽ£º
ul { list-style-type: none; display: flex; flex-direction: row; } li { margin-right: 10px; } a { text-decoration: none; color: #000; } a:hover { color: #f00; }
µÇ¼ºó¸´ÖÆ
3. Ìí¼Ó¼¤»î״̬
ÈôÊǵ¼º½ÌõµÄij¸öÁ´½ÓÊÇÄ¿½ñÒ³Ã棬ÎÒÃÇ¿ÉÒÔÔÚÆä
ÔªËØÉÏÌí¼Ó class=”active” À´Ö¸Ê¾¼¤»î״̬¡£
µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ
Ö÷Ò³
¹ØÓÚ尊龙凯时人生就是搏
²úÆ·
ÁªÏµ尊龙凯时人生就是搏
li.active a { color: #0f0; }
µÇ¼ºó¸´ÖÆ
4. Ìí¼ÓÏÂÀ²Ëµ¥£¨¿ÉÑ¡£©
ÈôÊǵ¼º½ÌõÐèÒªÏÂÀ²Ëµ¥£¬¿ÉÒÔʹÓÃ
ºÍ
½¨ÉèǶÌ×ÁÐ±í¡£
µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ
Ö÷Ò³
¹ØÓÚ尊龙凯时人生就是搏
²úÆ·
²úÆ· 1
²úÆ· 2
²úÆ· 3
ÁªÏµ尊龙凯时人生就是搏
ul ul { display: none; } li:hover ul { display: block; }
µÇ¼ºó¸´ÖÆ
ÒÔÉϾÍÊÇhtmlµ¼º½ÌõÔõôÖÆ×÷µÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡