<b id="mjk3a"></b>



 





    

        
        

            
            

                
                
                    0731-55587844
            

            
其他(360、58、霸屏、搜狗、小程序)等代理合作請發(fā)郵箱254596208@qq.com

        

    


   
  

        

        
        	
        

    




  	

    	

    		
站內(nèi)公告：
            
            　如果您有其它業(yè)務(wù)聯(lián)系，請發(fā)郵件至yaner@y1web.com郵箱，謝謝您的配合！
  

        	
    	

    	



 

	

	 
營銷型網(wǎng)站建設(shè)第一品牌——優(yōu)度網(wǎng)絡(luò)

	
     

   		
現(xiàn)在的位置：首頁 > 發(fā)布營銷型網(wǎng)站建設(shè) > 新聞資訊 > css各塊的背景色設(shè)置

    	
css各塊的背景色設(shè)置

    	
信息來源：優(yōu)度網(wǎng)絡(luò)　 發(fā)布日期：2009/3/29　瀏覽數(shù)量：1071次 


	

    	文章導(dǎo)讀：
        
    

    

    
實例作品


<html>
<head>
<title>塊的背景色問題</title>
<style>
<!--
body{
 margin:0px; padding:0px;
 font-family:arial;
 background-color:#f8e5a9; /* 設(shè)置成跟#right塊一樣 */
}
#container{
 margin:0px; padding:0px;
 background:url(bg2.jpg) repeat-y; /* 用背景圖片填補(bǔ)#left的空白，又不影響#right */
}
#left{
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 background:#afdcff;
 width:190px;
}
#middle{
 position:relative;
 padding:1px 15px 10px 15px;
 margin:-10px 190px 0px 190px;
 font-size:13px;
 background:#e9fbff url(bg1.jpg) no-repeat bottom right;
}
#right{
 position:absolute;
 top:0px;
 right:0px;
 margin:0px;
 background:#f8e5a9;
 width:190px;
 padding:20px 0px 20px 0px;
 font-size:12px;
}
#left ul{
 list-style:none;
 margin:1em 20px 0px 0px;
 padding:0px 0px 15px 22px;
}
#left li{
 font-size:80%;
 border-bottom:1px dotted #B2BCC6;
 margin-bottom:0.3em;
}
#left a:link, #nav a:visited{
 text-decoration:none;
 color:#2A4F6F;
 background-color:transparent;
}
#left a:hover{
 color:#778899;
}
#left h2{
 font:110% Georgia, "Times New Roman", Times, serif;
 font-weight:bold;
 color:#2A4F6F;
 padding:0px 5px 0px 12px;
 text-decoration:underline;
}
#middle h4{
 text-decoration:underline;
 color:#0078aa;
 padding-top:15px;
 font-size:16px;
}
#footer{
 font-size:12px;
 width:100%;
 padding:3px 0px 3px 0px;
 text-align:center;
 margin:0px;
 background-color:#b0cfff;
 position:relative;
}
#right img{
 border:1px solid #0073cc;
 margin-bottom:5px;
}
#right p{
 text-align:center;
 padding:0px 15px 0px 15px;
}
-->
</style>
   </head>
<body>
<div id="container">
 <div id="mainbox">
  <div id="left">
   <ul>
    <li><a href="#">首頁</a></li>
    <li><a href="#">精華區(qū)</a></li>
    <li><a href="#">收藏夾</a></li>
    <li><a href="#">分類討論區(qū)</a></li>
    <li><a href="#">郵箱</a></li>
   </ul>
   <h2>經(jīng)典推薦</h2>
   <ul>
    <li><a href="#">一起走到</a></li>
    <li><a href="#">從明天起</a></li>
    <li><a href="#">紙飛機(jī)</a></li>
    <li><a href="#">下一站</a></li>
   </ul>
  </div>
  <div id="middle">
   <h4>轉(zhuǎn)播設(shè)備</h4>
   <p>我現(xiàn)在是在萬泉河附近，我們的轉(zhuǎn)播車就在旁邊不遠(yuǎn)的地方，師傅馬上將會把車開過來。我們的轉(zhuǎn)播設(shè)備非常非常的先進(jìn)，具體怎么先進(jìn)我也說不清，師傅比我清楚，總之就是特別特別的先進(jìn)。好，現(xiàn)在師傅已經(jīng)來了�！�
   </p>
   <h4>旅程</h4>
   <p>夕陽 染紅藍(lán)天<br>
   帶走 美好的一天<br>
   風(fēng) 吹過大地<br>
   炫美的世界<br>
   <br>
   霞光 點亮星辰<br>
   燃起 遼遠(yuǎn)的夢幻<br>
   流星 劃過夜空<br>
   憶起 逝夜的歌聲<br>
   <br>
   是誰昨夜背上行囊<br>
   唱一首滿載風(fēng)塵的歌<br>
   今夜才又想起擁抱的時刻<br>
   <br>
   獨(dú)自走的一段旅程<br>
   是否還裝滿苦澀<br>
   一路風(fēng)雨飄搖 那坎坷對誰說<br>
   <br>
   來吧看這遠(yuǎn)處亮起的點點星火<br>
   伸手觸摸那寫在匆匆旅程的歌<br>
   誰在轉(zhuǎn)過的街口從容揮手<br>
   誰用歡笑和擁抱<br>
   記住這一刻
   </p>
  </div>
  <div id="right">
   <p><img src="pic1.jpg"><br>永遠(yuǎn)的記憶</p>
   <p><img src="pic2.jpg"><br>匆匆的腳步</p>
   <p><img src="pic3.jpg"><br>溫暖而忙碌</p>
  </div>
 </div>
 <div id="footer">版權(quán)所有 2006.12.7 Next Station</div>
</div>
</body>
</html>

    

 	

    	
相關(guān)信息

        
        

        

        
        

    

	
	

    
       




	
	
    	

    	

    		

        	
    
            
  • 網(wǎng)絡(luò)營銷培訓(xùn)
    • 
            
  • 微網(wǎng)站
    • 
            
  • 掃二維碼
    • 
            

            
  • 1
  • 2
  • 3

       		

    	

	
		

    

    
			            
          

          	

              
    
                
  • 最新上傳
    • 
                
  • 精品案例
    • 
              

          	
  
            

				

                
 					
    
                     
       					
    • 
                        
       					
    • 
                        
       					
    • 
                        
       					
    • 
                           
				   

                   
              

              
 
       				
 					
    
                     
       					
  • 自動流水線嘉
    • 
                        
       					
  • 湖南省湘江重
    • 
                        
       					
  • 湘潭家居\建
    • 
                        
       					
  • 湘潭學(xué)校微網(wǎng)
    • 
                           
			      

             
   
       





      





    





美国一级无码精品在线,九九免费久久这里有精品23,免费在线观看中文有码无码,午夜精品久久久久久毛片




<b id="mjk3a"></b>