DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 背景圖的詳細設定
背景圖的詳細設定
編輯:CSS詳解     
原本<body>卷標提供了以下幾種設定: 
<body 
alink=colorvalue 
background=url 
bgcolro=colorvalue 
link=colorvalue 
text=colorvalue 
bgpropertIEs=fixed /*背景固定 
leftmargin=pixels /*離浏覽器顯示窗左邊的距離 
topmargin=fixels /*離浏覽器顯示窗上面的距離 


Html 3.2所能用的設定非常有限,但在CSS 2.0 對於<body>有更詳細的設定。 
對於CSS在<body>的設定大致有兩種: 

在<head></head>間定義一段CSS的類別,此類別是針對<body>定義的 
<style> 
body {background-image:url(n.jpg); 
background-repeat:not-repeat; 

</style> 
或者是 
<BODY style="background-image:url(n.jpg);background-repeat:no-repeat"> 
兩種都是一樣的功能。 

CSS對於<body>卷標又更詳細的定義,大致如下: 
<body 
color:colorvalue 
/*前景顏色 

background-color:colorvalue 
/*背景顏色 
color與background-color的設定有五種方式: 
1.color:#FFFFFF 
2.color:#FFF 
3.color:rgb(255,255,255) 
4.color:purple 
5.color:rgb(100%,50%,10%) 

background-image:url(n.jpg) 
/*背景圖檔 

background-repeat:repeat|repeat-x|repeat-y|no-repeat 
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示 

background-attachment:scroll|fixed 
/*卷動或固定 

background-position:x%,y%|x,y|top|left|center|bottom|right 
/*背景圖文件位置 


你也可以將Html與CSS同時使用: 
<BODY bgcolor="black" style="background-image:url(n.jpg);background-repeat:no-repeat" 
topmargin="0" leftmargin="0" link="#ffffff" alink="aqua" 
vlink="red" bgPropertIEs=fixed text="#FFFFFF"> 

在此例中,我定義背景不會重復顯示,而且背景固定不隨畫面卷動... 
像這樣的設定可以讓網頁的版面便的比較好看一點.... 
背景圖也能用的更完美.... 

對於背景與<body>的設定大概就是這樣.. 
如果以上的內容有誤或著有問題的話.. 
歡迎你mail給我... 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved