¹ØÓÚCSS hoverµÄÎÊÌâ - Web ¿ª·¢ / HTML(CSS)
ÌØ´ËÉùÃ÷£º·Ç³ÏÎðÈÅ£¡¹àË®µÄ±ðÀ´£¡
±¾ÈË×î½üÔÚÖÆ×÷Ò»¸öµ¼º½Ìõ£¬³öÏÖÒ»¸öÎÊÌ⣺´ó¼ÒÖªµÀhoverÊǵ±Êó±êÒƵ½Á´½ÓÉϵÄʱºò³öÏÖµÄÑùʽ£¬Îҵı³¾°·ÅÔÚÒ»¸öDIV²ãÖУ¨id="menus"£©£¬±³¾°ÊÇͨ¹ýCSS¿ØÖƵÄͼƬ£¨menu_background_image.png£©¸ñʽΪpngµÄ£¬ÎÒÏëµ±Êó±êÒƶ¯µ½Á´½ÓÉÏʱ£¬³öÏÖÒ»¸öͼƬ£¨menu_li.png£©Ò²ÊÇPNG¸ñʽµÄ£¬µ«ÊÇ×ÜÊÇʵÏÖ²»ÁË£¨ÔÚIE8ÖпÉÒÔ£¬µ«ÊÇÔÚIE6ÖÐʵÏÖ²»ÁË£©ÇëÎʸ÷λÔõô½â¾ö°¡£¿
ÒÔÏÂÊÇCSS´úÂëºÍHTML´úÂ룺
CSS code:
<style type="text/css">
<!--
#menus {
float: left;
width: 600px;
text-align: center;
background-image: url(images/menu_background_image.png);
/*background-position: center center;
background-repeat: no-repeat;*/
height: 20px;
}
#menus ul li {
padding-right: 10px;/*FireFox*/
/*padding-left: 15px;*/
padding-right: 15px\0;/*IE8*/
padding-left: 15px\0;
_padding-right: 12px;/*IE6*/
_padding-left: 12px;
display: inline;
padding-left: 15px;
margin-right: 0px;
margin-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
#menus ul {
margin-left: -55px;
padding-left: -6px\0;
_margin-left: -8px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 13px;
color: #FFF;
padding-top: 6px;
padding-bottom: 4px;
}
#menus a:link,#menus a:visited{
color: #FFF;
text-decoration: none;
}
#
Ïà¹ØÎÊ´ð£º
ÎÒÓõÄÊÇÁ¬½Ó³Ø×öµÄ£¬ÅäÁ¬½Ó³ØµÄ·½·¨Ó¦¸ÃûÓÐ´í£¬ÎªÊ²¾ÍÊdzöÏÖÕâÖÖÎÊÌâ
javax.servlet.ServletException: javax.naming.NameNotFoundException: No object bound to name java:comp/env/test
ÇëÎÊ´óÏÀÃÇÕâÊÇÔ ......
JSPÉú³ÉHTML¾²Ì¬Ò³Ãæ
1.ÓдúÂëµÄÅóÓÑÌù¸ö´úÂë
2.ÓеĺõÄÉú³É·½°¸Ëµ¸ö·½°¸
¹ýÄê·Å¸öÅÚ ×£ºØ×£ºØ£¡
JSPÉú³É¾²Ì¬Ò³Ã棿£¿£¿
»¹ÒªÓ÷½°¸£¿£¿£¿
²»Ã÷°×
ÒýÓÃ
JSPÉú³É¾²Ì¬Ò³Ã棿£¿£¿
»¹ÒªÓ÷½°¸£¿£¿£¿
²»Ã÷ ......
display:inline-block;
overflow:hidden;£¨ÍøÂçÉϲéÕÒÊÇÓ°²ØÒç³ö£¬µ«ÊDzâÊÔÆðÀ´¸Ð¾õ²»Ì«Ã÷°×£©
position:relative;£¨¾ø¶Ô¶¨Î»£¬²»ÖªµÀ¶Ô²»¶Ô£©
position:absolute;
ÕâËĸöÊôÐÔÔÚCSSÀïÃæ³öÏÖƵÂʱȽϸߣ¬¸ßÊÖÖ¸µã ......
ÓÃcssËõд ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHT ......
ȺÀïÓÐû»áCSSµÄ¸ßÊÖ¡£¡£¡£ÎÒÔÚJSPÒ³ÃæÖÐʹÓÃlinkÁ¬½ÓCSSÑùʽ±í£¬ul li±êÇ©×ܲ»Æð×÷Óá£Ö±½Ó°ÑCSS¶¨Òå·Åµ½JSPÒ³Ãæ¾ÍÄÜÕý³£ÏÔʾ£¬ÊÇʲôÎÊÌâÄØ£¨ÔÚÍⲿCSS±íÖж¨ÒåµÄBODY±êÇ©ÄÜÓ¦ÓÃÉÏ£©
css񡜧
.logo {
MARGIN: ......