廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 5583 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
親愛的 手機 會員卡
個人頭像
個人文章 個人相簿 個人日記 個人地圖
發文大師獎 特殊貢獻獎 創作大師獎 社區建設獎
頭銜:活著就是希望活著就是希望
版主
級別: 版主 該用戶目前不上站
推文 x563 鮮花 x3743
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][教學] CSS固定背景上下左右中間
因為論壇的緣故~所以在分享後有些代碼後會出現一些字體~
如果直接複製貼上是無法顯示的~
所以~~.
在試用下列的語法請把=跟CSS後面的斜線刪除掉就可以了

複製程式
中間
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position : center center;}
-->
</STYLE> 
右下

<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;}
-->
</STYLE>
右上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right top;}
-->
</STYLE>
左上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left top;}
-->
</STYLE>
左下
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom;}
-->
</STYLE>
左
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
background-position:left center;}
-->
</STYLE>
右
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
background-position:right center;}
-->
</STYLE>
上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center top;}
-->
</STYLE>
下
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center bottom;}
-->
</STYLE>



不以風騷驚天下,而以淫蕩動世人...

獻花 x0 回到頂端 [樓 主] From:台灣數位聯合 | Posted:2005-01-27 23:46 |
EricGo 手機
數位造型
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x7
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

可以寫在一起啦~複製程式
body { background: url(......) no-repeat fixed top left; }
可以到W3 Schools看看……。
另外,在Windows環境下用TopStyle來寫CSS很方便,Lite版可以免費下載使用。


獻花 x0 回到頂端 [1 樓] From:台灣中華電信 | Posted:2005-01-28 09:00 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.079857 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言