CSS教程(3)：通過實例學習CSS背景

2024-07-11 08:44:03

字體：大中小

來源：轉載

供稿：網友

本教程一共三個例子：1、如何重復背景圖像;2、如何在垂直方向重復背景圖像;3、如何在水平方向重復背景圖像.
本教程一共三個例子：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、如何在垂直方向重復背景圖像
本例演示如何垂直地重復背景圖像。加此信息武林網（VeVb.com）發布目的是為了防止你變懶！VeVb.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>

上一篇：CSS教程(4)：通過實例學習CSS背景

下一篇：CSS教程(2)：通過實例學習CSS背景