背景圖的詳細設定

來源:互聯網
上載者:User
原本<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給我... 

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。