css背景圖片

2022-06-12發(fā)布者：ylm大?。?/span> 下載：0

文件大小:

背景圖像

要把圖像放入背景，需要使用 background-image 屬性。background-image 屬性的默認(rèn)值是 none，表示背景上沒有放置任何圖像。

如果需要設(shè)置一個(gè)背景圖像，必須為這個(gè)屬性設(shè)置一個(gè) URL 值：

body {background-image: url(/i/eg_bg_04.gif);}

大多數(shù)背景都應(yīng)用到 body 元素，不過并不僅限于此。

下面例子為一個(gè)段落應(yīng)用了一個(gè)背景，而不會(huì)對文檔的其他部分應(yīng)用背景：

p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以為行內(nèi)元素設(shè)置背景圖像，下面的例子為一個(gè)鏈接設(shè)置了背景圖像：

a.radio {background-image: url(/i/eg_bg_07.gif);}

理論上講，甚至可以向 textareas 和 select 等替換元素的背景應(yīng)用圖像，不過并不是所有用戶代理都能很好地處理這種情況。

另外還要補(bǔ)充一點(diǎn)，background-image 也不能繼承。事實(shí)上，所有背景屬性都不能繼承。

實(shí)例代碼，可以試試哦。

<html>

<head>

body {background-image:url(/i/eg_bg_04.gif);}

p.flower {background-image: url(/i/eg_bg_03.gif); padding: 20px;}

a.radio {background-image: url(/i/eg_bg_07.gif); padding: 20px;}

</style>

</head>

<body>

<p class="flower">我是一個(gè)有花紋背景的段落。<a href="#" class="radio">我是一個(gè)有放射性背景的鏈接。</a></p>

<p><b>注釋：</b>為了清晰地顯示出段落和鏈接的背景圖像，我們?yōu)樗鼈冊O(shè)置了少許內(nèi)邊距。</p>

</body>

</html>

發(fā)表評論(共0條評論)

1 本站所有資源（含游戲）均是軟件作者、開發(fā)商投稿，任何涉及商業(yè)盈利目的均不得使用，否則產(chǎn)生的一切后果將由您自己承擔(dān)！

2 本站將不對任何資源負(fù)法律責(zé)任，所有資源請?jiān)谙螺d后24小時(shí)內(nèi)刪除。

3 若有關(guān)在線投稿、無法下載等問題，請與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標(biāo)等，請立刻聯(lián)系我們并具體說明情況后，本站將盡快處理刪除，聯(lián)系QQ:2499894784

熱門軟件

最近更新