DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS教程(3):通過實例學習CSS背景
CSS教程(3):通過實例學習CSS背景
編輯:CSS進階教程     

本教程一共三個例子:1、如何重復背景圖像;2、如何在垂直方向重復背景圖像;3、如何在水平方向重復背景圖像。

參考破洛洛關於CSS背景的理論知識:CSS教程(1):學習CSS背景相關知識。

1、如何重復背景圖像

本例演示如何重復背景圖像。

<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat
}
</style>
</head>
<body>
</body>
</html>

2、如何在垂直方向重復背景圖像

本例演示如何垂直地重復背景圖像。加此信息破洛洛(poluoluo.com)發布目的是為了防止你變懶!poluoluo.com不主張采集!

<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat-y
}
</style>
</head>
<body>
</body>
</html>

3、如何在水平方向重復背景圖像。

本例演示如何水平地重復背景圖像。

<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat-x
}
</style>
</head>
<body>
</body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved