我網(wǎng)站制作常見問(wèn)題解決方案

1、整體居中顯示Css開頭應(yīng)先大致這樣定義：/* CSS Document */* margin:0;padding:0;body width:1000px;font-size:12px;color:#6F6F6F;text-align:center;margin:0 auto;padding:0;background:url(./images/beijing_02.jpg) repeat-x;#box width:880px;position:relative;text-align:center;margin:0 auto;font-size:12px;padding:0;margin-top:

2、10px;background:url(image/beijing3_03.jpg) repeat;a color:#6F6F6F;text-decoration:none;a:hover color:#990000;text-decoration:underline;body margin:0;padding:0;text-align:center;#wrap position:relative;margin:0 auto;width:1000px;font-size:12px;color:#000000;text-align:left;background:url(image/beijin

3、g3_03.jpg) repeat;別人方案：body font-size:12px; margin:0;background:url(images/index_01.jpg) repeat-x;.box width:960px; height:auto; position:relative; margin:0 auto; padding:0;菜單的設(shè)置一、#mune height:29px;width:990px;margin:0;padding:0;text-align:center;background:url(image/menu_03.jpg) repeat-x;#mune a co

4、lor:#FFFFFF;text-decoration:none;#mune ul margin:0 auto;width:700px;padding:0;text-align:center;#mune ul li color:#FFFFFF;float:left;padding:0 10px;font-size:12px;line-height:29px;list-style:none;<div id="mune"> <ul><li><a href="#">網(wǎng)站首頁(yè)</a></li>

5、; <li>|</li> <li><a href="#">小何簡(jiǎn)介</a></li> <li>|</li> <li><a href="#">產(chǎn)品展示</a></li> <li>|</li> <li> <a href="#">茶葉文化</a></li> <li>|</li> <li><

6、;a href="#">服務(wù)專欄</a></li> <li>|</li> <li><a href="#">聯(lián)系我們</a> </li> <li>|</li> <li><a href="#">在線留言</a></li></ul> </div>顯示效果：二、.nav width:958px; height:38px; float:left; b

7、order:1px solid #216504; background: url(images/index_03.jpg) repeat-x;position:relative;margin:0 auto;ulmargin-left:5px;width:958px;float:left;text-align:left ;padding-left :0px;margin-left:1px;float :left ;clear :right;margin-top:12px;.nav ul limargin-left:5px;float: left;text-align:center; width:

8、80px; border-right:2px solid #1c5703;padding-left :0px;margin-left:1px;float :left ;clear :right; list-style:none; font-weight:bold; .nav acolor:#1c5703;text-decoration:none; display:block;width:80px;.nav a:hovercolor:#fff;<div class="nav"> <ul> <li><a href="#&quo

9、t;>首頁(yè)</a></li> <li><a href="#">教師隊(duì)伍</a></li> <li><a href="#">教師隊(duì)伍</a></li> <li style="border:none;"><a href="#">教學(xué)隊(duì)伍</a></li> </ul></div>顯示效果Ul li 的應(yīng)用一、#main3_ri

10、ght_bottom width:472px;padding-top:10px;#main3_right_bottom ul width:472px;padding:0;margin:0;#main3_right_bottom ul li font-size:12px;list-style:none;background:url(image/xiaobiaoji_06.jpg) 5px 7px no-repeat;padding:5px 0 4px 19px;<div id="main3_right_bottom"> <ul> <li>

11、原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li>

12、 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> <li> 原創(chuàng)建議常喝安溪茶 可防食. 08/05</li> </ul> </div>顯示效果二、#main2_left_bottom width:470px;clear:both;text-align:center;#main

13、2_left_bottom ulmargin:0;padding:0;#main2_left_bottom ul li font-size:12px;float:left;width:150px;margin-top:10px;line-height:23px;list-style:none;<div id="main2_left_bottom"> <ul> <li><img src="image/pc2_03.jpg" /><br />普洱茶皇<br />會(huì)員價(jià)：xx元</l

14、i> <li><img src="image/pc2_03.jpg" /><br />鐵觀音<br />會(huì)員價(jià)：xx元</li> <li><img src="image/pc2_03.jpg" /><br /> 普洱茶皇<br />會(huì)員價(jià)：xx元</li> <li><img src="image/pc2_03.jpg" /><br />普洱茶皇<br />會(huì)員價(jià)：

15、xx元</li> <li><img src="image/pc2_03.jpg" /><br />鐵觀音<br />會(huì)員價(jià)：xx元</li> <li><img src="image/pc2_03.jpg" /><br />普洱茶皇<br />會(huì)員價(jià)：xx元</li> <br style="clear:both;" /> </ul> </div>顯示效果三、.con_pc

16、 width:960px; height:73px; clear:both;.pc1float:left; width:221px; height:73px; margin:20px 19px 5px 0px;.pc1 imgborder:none;<div class="con_pc"><div class="pc1"><a href="#"><img src="images/index_06.jpg" /></a></div><div class="pc1"><a href="#"><img src="images/index_07.jpg" /></a></div><div class="pc1">&