特殊語法解說-隨風流浪~風玲(璦嫚兒)│愛情公寓交友網站與聊天室

還沒登入愛情公寓嗎？還沒加入愛情公寓嗎？馬上進入公寓和 10,543,434 個住戶交朋友～

紅包抽抽樂！小資變土豪！

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號: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

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

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

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

呵呵～～　花點精神囉

好友們早點睡唄~

親愛的　　早點睡～

夢的渡口等你晚安伊嗎思

標籤:

瀏覽次數:55 人氣指數:1255 累積鼓勵:60

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉

給本文愛的鼓勵：