檔案狀態:    住戶編號:2306253
 隨風流浪~風玲(璦嫚兒) 的日記本
快速選單
到我的日記本
看他的最新日記
加入我的收藏
瀏覽我的收藏
這個世界 《前一篇 回她的日記本 後一篇》 終結迷霧 了卻緣
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵  檢舉
篇名: 特殊語法解說
作者: 隨風流浪~風玲(璦嫚兒) 日期: 2011.03.24  天氣:  心情:

background-repeat:no-repeat          /*背景不重覆*/
background-repeat:repeat-x               /*背景在X軸方向重覆*/
background-repeat:repeat-y               /*背景在Y軸方向重覆*/
background-position : right                /*背景位置靠右*/
background-position : left                  /*背景圖靠左*/
background-position : center             /*背景圖置中*/
(註1) 背景本身要夠大張(請用繪圖軟體自行設計),才可使背景完整填滿整個頁面,不然就要用repeat語法去填充整個頁面。
(註2) 利用繪圖軟體設計背景時建議圖片大小為1024X600(畫素),相簿框的大小為120X120(畫素)。(螢幕解析度為1024X768時適用)
 
5. background-attachment: fixed表示固定背景效果(浮水印效果),背景不會隨捲軸移動而移動,拿掉這個語法背景就會隨捲軸移動。
 
6. 可自行設定背景圖片的位置:如我現在要把背景設定在畫面的右下角(數字可自行設定),
則語法為background-position:90% 90% /*設定背景圖片於平面座標位置*/
(設計技巧)如果你的背景圖片想要自己調整位置時,先調整長(height)寬(width)至一定長寬度,然後用這個語法去設定。


7.表格裡面也常利用加入背景的語法來美化版面。
如在留言板的留言格裡面可加入背景語法為.side{background-image: url("背景網址");}。
所以你可以在任意的地方加入你想要的背景圖片,僅需改變HTML標籤即可(大括號裡面樣式屬性的用法都是一樣的)。
你可以去無名哈啦小站多多爬文,我的網誌現在弄的東西,
都是在這些地方學一些技巧再自己構思設計的。http://www.wretch.cc/blog/aenguscom
凱哥無名教學http://benz.nchu.edu.tw/~s9163030/wretch/index.htm
無名哈拉討論區-無名樣式 ( CSS ) http://www.wretch.cc/hala/viewforum.php?f=5
無名樣式結構表 http://hit1205.ispaz.blogdns.org/css/wretchCSS/
常用CSS樣式屬性 http://mikeshen.infor.org/css_class.htm



<STYLE >


body{ background-attachment : fixed;


background-repeat:no-repeat;


background-position: 20% 40%;


background-image : url(背景網址);}


</STYLE >


 


20%→數字越小越往左邊移動


40%→數字越小越往上面移動


 


這是固定在左下角的語法↘


 


<head ><style type=text/css >


<!--


body{


background-image:url(背景網址);


background-position:left bottom;


background-attachment:fixed;


background-repeat:no-repeat;}


-- >


</style >


 


普通固定背景圖語法↘


 


<body ><body background="背景圖ㄉ網址" bgproperties="fixed" >


</body >


 


選取似的背景圖↘


 


<SELECT onchange=document.body.style.background=this.options[this.selectedIndex].value >


<OPTION value="url('')" >↓請選取背景圖↓</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景1</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景2</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景3</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景4</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景5</OPTION >


<OPTION value="url('背景圖連結網址')" >選取背景6</OPTION >


</SELECT >


 


普通背景語法↘


 


<body bgproperties="fixed" background="網址" >


 


定時換背景語法↘


 


<SCRIPT Language="JavaScript" >


var backgroundimage=new Array("圖片網址","圖片網址","圖片網址","圖片網址")


var swapspeed=10



 我知道  你們看起來有點混亂

但對於語法有概念的是沒啥差  

看得懂的 而且~我都這麼做語法的 

呵呵~~ 花點精神囉 

好友們早點睡唄~


親愛的  早點睡~

夢的渡口等你 晚安伊嗎思 

標籤:
瀏覽次數:57    人氣指數:1257    累積鼓勵:60
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵:  最新愛的鼓勵
這個世界 《前一篇 回她的日記本 後一篇》 終結迷霧 了卻緣
 
給我們一個讚!