css为网页顶部和底部都加入背景图
生活随笔
收集整理的這篇文章主要介紹了
css为网页顶部和底部都加入背景图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
網頁背景圖是我們常用的功能,一般來說。給網頁加一個背景圖,只要在網頁的body標簽中加入css屬性就行。
代碼如下:<body style="background-image:url(圖片路徑)">
底部的部分,我們要加入背景圖,首先要看圖片的高度。在高度合理的范圍內加入div
?
<body?style="background-image:url(頂部圖片路徑)">
<div class=“banner”></div>
<div class=“connet”></div>
<div class=“foot”></div>
</body>
如果要插入的圖片高度不高于foot,可以為foot加入背景圖,如果高了,就為 foot和connet 外面在包一個div。代碼如下
<body?style="background-image:url(頂部圖片路徑)">
<div class=“banner”></div>
<div style="background:bottom center url(底部背景圖路徑) no-repeat; width:100%;">
<div class=“connet”></div>
<div class=“foot”></div>
</div>
</body>
轉載于:https://www.cnblogs.com/officexie/p/3254622.html
總結
以上是生活随笔為你收集整理的css为网页顶部和底部都加入背景图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: flash、div、iframe的层级
- 下一篇: 遍历聚合对象中的元素——迭代器模式(二)