×î½üдÊý¾Ý¿â£¬Ëæ×Åʱ¼äµÄ»ýÀÛ·¢ÏÖcssÖÐһЩ²»¿É˼ÒéµÄÏÖÏó£¬Ò²¿ÉÄÜÊÇÎÒ¶¼css²»¹»Á˽âµÄÔÒò¡£ÃÈ·¢ÁËÒ»¸öÏë·¨£¬cssÕâ¸ö±ê×¼ÊÇÓÃʲôÓïÑÔ±àдµÄ£¬ËüµÄÔ´´úÂ뿪ԴÂð£¿
ÎÒÌýʦÐÖ˵µ½lattexÕâÖÖÎı¾¸ñʽÈí¼þ£¬ÁªÏëµ½ËüÃÇÖ®¼äÊÇ·ñÓÐÒöÔµ¹Øϵ¡£
ÎÒÌáµ½µÄcssÄÇЩÁéÒìÏÖÏóÓУº
1. ÓÃimport »ò <head></head>ÖÐlinkÍâ ......
ÓÃfrontpage±àд´úÂ룬·¢ÏÖÔÚ¡°Éè¼Æ¡±ºÍ¡°Ô¤ÀÀ¡±Öп´µ½Ð§¹û²»Í¬£¬Ô¤ÀÀÖз¢ÏÖ¶Ô×ÖÌåµÄÉèÖÃûÓÐÍêÈ«ÏÔʾ³öÀ´£¬ÔÚIEºÍ»ðºüÖÐÒ²Ö»ÏÔʾ²¿·Ö¡£´úÂëÓõ½ÁËCSS£¬ÊDz»ÊÇä¯ÀÀ¶ÔCSSµÄÖ§³Ö²»ÍêÈ«£¿ÊǵĻ°£¬Äܲ»ÄÜͨ¹ýÉèÖûò°²×°½â¾ö£¿ÏÂÃæÊÇ´úÂ룺
<html>
<head>
<meta http-equiv="Content-Type" content= ......
Ò»¸öÍøÒ³·ÖÉÏÏÂÁ½¸ö±í¸ñ ÎÒÏëÈÃÁ½¸ö±í¸ñµÄCSSÑùʽ²»Ò»Ñù ÈçºÎ×öµ½£¿ÕâÊǵÚÒ»¸öµÄCSSÑùʽ ÈçºÎÉèÖÃÈÃËüÖµÔÚtbl_navÄÚÓÐЧ£¿
#tab_nav{ float:left; width:1000px; margin:0; padding:0;}
ul{
margin:0;
padding:0;
list-style:none;}
li{
float:left;}
li a{
display:block;
width:111px; ......
CSS code:
<div class="banner">
<li>Ò»¸öflash
<li>Ò»Õűí
</div>
.banner LI:first-child{
list-style:none;
float:left;
height:180px;
}
.banner LI:first-child+LI{
list-style:none;
float:left;
height:180px;
......
ÔÚÕâ¸öÒ³Ã棺http://www.shdog.net/dianping/exchange/
ÎÊÌâ1£º
headerºÍ ÕýÎÄÖ®¼äµÄ¿Õ϶¹ý´ó£¬ÕýÎÄÎÒÖ»ÓÃÁËmargin:10px auto;
headerÖ»ÓÃÁËmargin-bottom:5px; µ«ÊÇÖм仹ÊÇ¿ÕÁËÒ»´ó¿é
ÎÊÌâ2£º
Ò³ÃæÓÒϽǵĶà³öÁËÒ»¿é£¬ÎÒÉèÖÃÁËmargin-bottom:0;Ò²²»ÐÐ
²»ÖªµÀÊÇÔõô»ØÊ£¬ÕæÊÇÆæ¹Ö
°¡£¬°¡ ûÈË»Ø
Í·²¿µÄÄǸ ......
ÔÚIE6ÏÂÈç¹û¡°.lmenu ul li a:hover {color:#000; background:#123234;}¡±Èç¹ûÕâ¸öÊÇÄÜÕý³£ÏÔʾ£¬µ«±³¾°¸Ä³ÉͼƬµÄÈ磺¡°.lmenu ul li a:hover {color:#000; background:url(images/1_23.jpg);}¡±¶þ¼¶²Ëµ¥¾Í²»ÄÜÏÔʾ£¬Õâ¸öÊÇΪʲô£¿
´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ......