黄片三级中文字幕在线观看_蜜月av侵在线看免费_中文自拍另类中文亚洲无线码_中文字幕av无码免费一区

其他(360、58、霸屏、搜狗、小程序)等代理合作請(qǐng)發(fā)郵箱254596208@qq.com
站內(nèi)公告： 　如果您有其它業(yè)務(wù)聯(lián)系，請(qǐng)發(fā)郵件至yaner@y1web.com郵箱，謝謝您的配合！
營(yíng)銷(xiāo)型網(wǎng)站建設(shè)第一品牌——優(yōu)度網(wǎng)絡(luò)
現(xiàn)在的位置：首頁(yè) > 發(fā)布營(yíng)銷(xiāo)型網(wǎng)站建設(shè) > 新聞資訊 > css各塊的背景色設(shè)置
css各塊的背景色設(shè)置
信息來(lái)源：優(yōu)度網(wǎng)絡(luò)　 發(fā)布日期：2009/3/29　瀏覽數(shù)量：1064次
文章導(dǎo)讀：

實(shí)例作品

<html>
<head>
<title>塊的背景色問(wèn)題</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="#">首頁(yè)</a></li>
    <li><a href="#">精華區(qū)</a></li>
    <li><a href="#">收藏夾</a></li>
    <li><a href="#">分類(lèi)討論區(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)在是在萬(wàn)泉河附近，我們的轉(zhuǎn)播車(chē)就在旁邊不遠(yuǎn)的地方，師傅馬上將會(huì)把車(chē)開(kāi)過(guò)來(lái)。我們的轉(zhuǎn)播設(shè)備非常非常的先進(jìn)，具體怎么先進(jìn)我也說(shuō)不清，師傅比我清楚，總之就是特別特別的先進(jìn)。好，現(xiàn)在師傅已經(jīng)來(lái)了�！�
   </p>
   <h4>旅程</h4>
   <p>夕陽(yáng) 染紅藍(lán)天<br>
   帶走 美好的一天<br>
   風(fēng) 吹過(guò)大地<br>
   炫美的世界<br>
   <br>
   霞光 點(diǎn)亮星辰<br>
   燃起 遼遠(yuǎn)的夢(mèng)幻<br>
   流星 劃過(guò)夜空<br>
   憶起 逝夜的歌聲<br>
   <br>
   是誰(shuí)昨夜背上行囊<br>
   唱一首滿(mǎn)載風(fēng)塵的歌<br>
   今夜才又想起擁抱的時(shí)刻<br>
   <br>
   獨(dú)自走的一段旅程<br>
   是否還裝滿(mǎn)苦澀<br>
   一路風(fēng)雨飄搖 那坎坷對(duì)誰(shuí)說(shuō)<br>
   <br>
   來(lái)吧看這遠(yuǎn)處亮起的點(diǎn)點(diǎn)星火<br>
   伸手觸摸那寫(xiě)在匆匆旅程的歌<br>
   誰(shuí)在轉(zhuǎn)過(guò)的街口從容揮手<br>
   誰(shuí)用歡笑和擁抱<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>