您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM background 屬性

HTML DOM background 屬性

此節(jié)有 132 人學(xué)習(xí)過參與評(píng)論

定義和用法

background 屬性在一個(gè)聲明中設(shè)置所有的背景屬性。

語法：

Object.style.background=background-color background-image
background-repeat background-attachment background-position

參數(shù)	描述	值
background-color	設(shè)置元素的背景色。	color-name color-rgb color-hex transparent
background-image	設(shè)置背景圖像。	url(URL) none
background-repeat	設(shè)置背景圖像是否及如何重復(fù)。	repeat repeat-x repeat-y no-repeat
background-attachment	背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。	scroll fixed
background-position	設(shè)置背景圖像的起始位置。	top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos

實(shí)例

下面的例子改變了文檔背景的樣式：

<html>
<head>
<script type="text/javascript">
function setStyle()
{
document.body.style.background="#FFCC80 url(bgdesert.jpg) repeat-y";
}
</script>
</head>
<body>

<input type="button" onclick="setStyle()"
value="Set background style" />

</body>
</html>