透過css佈局完成div位置的存放實例

零下一度
發布: 2017-06-24 11:43:23
原創
1390 人瀏覽過

CSS+DIV

將資料封裝到div中,頁面中都是有很多div組成的,透過css佈局(透過css屬性佈局)完成這些div位置的存放,一個div就是一個盒子。

邊框border:{

      --left

      --right

      --right

##        ##    };

#div_1{

#    border-top:1px solid #ccc;

    b-bottom:1px-botd #ccc;

   ] -right:1px dotted #ccc;

    border-left:1px double #ccc;

};

solid:實線

dashed:虛線

dotted:點線

double:雙線

 

內邊距/內填滿

#屬性:padding{

      --top

      --bottom

      --right

      --right

      -- 

##       20px 20px 20px 20px;

 

外邊距

margin 屬性{

      --top

      --bottom

      --right

      --left

};

margin:20px 20px 20px 200p

#margin:20px 20px 20px 200px

margin:20px 20px 20px 200px##marginpm#30,00pxp. ,為什麼還要空白?那空白就是body本身距離瀏覽器邊框的距離。

所以要設定body{margin:0px};

瀏覽器解析body的方式不同,造成邊寬邊窄不同。

以上是透過css佈局完成div位置的存放實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板