新沂愿低健康管理有限公司

專業(yè)的廣州網站建設、廣州網站制作公司為您服務,電話:020-85548809,29883069 手機訪問
微信關注
關注奇億廣州網站建設微信
網站導航
新聞中心
首頁>新聞中心>網頁設計

簡單讓網頁背景靜止不動的CSS代碼

添加時間:2012/10/29 8:41:29    編輯:奇億網站建設公司

在網頁設計中有時會用到網頁背景不動,只需要讓內容隨滾動條拉動即可的情況,下面為你介紹一種簡單實現(xiàn)這種功能的方法:(將以下代碼拷貝制作成一獨立HTML頁,然后打開即可看到效果)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>背景屬性 background</title> <style type="text/css"> body {background:#99FF00 url(http://crr8.cn/skins/71wl/images/logo.jpg) fixed} </style> </head>

<body> <p>這個屬性是設置背景相關屬性的一種快捷的綜合寫法, 包括background-color, background-image, background-repeat, backgroundattachment, background-position。</p> <p>這個HTML所用的背景屬性表示,網頁的背景顏色是翠綠色,背景圖片是background.jpg圖片,背景圖片不重復顯示,背景圖片不隨內容滾動而動,背景圖片距離網頁最左面40px,距離網頁最上面100px。</p>

<div style="height:800px;"></div>

</body> </html>

怎樣,簡單即可實現(xiàn)網頁背景靜止不動了吧。

汤阴县| 奉贤区| 灌云县| 三台县| 从江县| 平南县| 温州市| 阿克苏市| 福泉市| 沙坪坝区| 大新县| 界首市| 绥棱县| 津市市| 巨野县| 商城县| 涪陵区| 景宁| 博爱县| 耒阳市| 西青区| 尚义县| 三河市| 上虞市| 贺州市| 东台市| 祁门县| 镇安县| 贞丰县| 保山市| 汉源县| 永川市| 呈贡县| 丰顺县| 济南市| 玉屏| 合川市| 阿合奇县| 常州市| 康定县| 神池县|