布局小竅門之----讓頭部和主干內(nèi)容居中-創(chuàng)新互聯(lián)

平時寫布局的時候要保證頭部標(biāo)題或者橫向的菜單和主體內(nèi)容居中,可以將定義一個樣式,比如:

讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名注冊、虛擬主機(jī)、營銷軟件、網(wǎng)站建設(shè)、湘潭網(wǎng)站維護(hù)、網(wǎng)站推廣。

<style>

.container{

          width: 980px;

          margin: 0 auto;

      }

</style>

頭部和主體部分樣式都放在帶有該樣式的標(biāo)簽里:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title></title>

  <style>

      body{

          margin: 0 auto;

          //解決body邊框問題

      }

      .header{

          height: 48px;

          background-color: red;

      }

      .body{

          background-color: #dddddd;

      }

      .container{

          width: 980px;

          margin: 0 auto;

      }

  </style>

</head>

<body>

  <div class="header">

      <div class="container">

         <a>頭部內(nèi)容</a>

      </div>

  </div>

  <div class="body">

      <div class="container">

      <p>主干內(nèi)容</p>

      <p>主干內(nèi)容</p>

      <p>主干內(nèi)容</p>

      <p>主干內(nèi)容</p>

      </div>

  </div>

  <div class="footer"></div>

</body>

</html>

顯示效果:

布局小竅門之----讓頭部和主干內(nèi)容居中

創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務(wù)器,動態(tài)BGP最優(yōu)骨干路由自動選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨有T級流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟,新人活動云服務(wù)器買多久送多久。

本文名稱:布局小竅門之----讓頭部和主干內(nèi)容居中-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于:http://muchs.cn/article0/csgioo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、小程序開發(fā)、品牌網(wǎng)站制作、云服務(wù)器、App設(shè)計、網(wǎng)站維護(hù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管