CSS教程(3)：通过实例学习CSS背景

所属分类：网页制作 / CSS 阅读数： 1762

收藏 0赞 0分享

本教程一共三个例子：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、如何在垂直方向重复背景图像
本例演示如何垂直地重复背景图像。加此信息脚本之家（jb51.net）发布目的是为了防止你变懒！jb51.net不主张采集！
<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教程(3)：通过实例学习CSS背景

CSS圆角边框制作指南与实例

css实现移动端图片文字水平居中

Div+CSS对HTML的table表格定位用法实例

使用div+CSS将页脚始终控制在页面最下方的方法

你值得拥有的CSS下拉菜单效果

CSS利用伪元素实现导航栏斜线分隔

纯CSS3打造属于自己的“小黄人”

浅谈各种浏览器下的CSS Hack兼容性写法

学习DIV+CSS网页布局之一列布局

学习DIV+CSS网页布局之两列布局

网络赚钱

站长故事