<html>
<head>
<style>
#div1{
width:360px
height:400px
border:1px soild #f00
background:url('图片地址')repeat-x 0px 0px //沿x轴的
}
#div2{
width:360px
height:400px
border:1px soild #f00
background:url('图片地址')repeat-y 0px 0px //沿Y轴的
}
</style>
</head>
<body>
<div id='div1'></div>
<div id='div2'></div>
</body>
</html>
CSS，英文全称为Cascading Style Sheets，中文名称为级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。
1、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
2、CSS具有以下特点：丰富的样式定义。CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
3、易于使用和修改。CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
4、另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
5、多页面应用。CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
"推荐你个系列的教程吧--《Buid New World》第十一集：使用 CSS 增加过渡和其他效果 平移translate，将元素平行移动，参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。旋转，rotate允许你通过传一个角度值来旋转一个元素。
如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。
倾斜，skew可以将一个对象围绕着x和y轴按照一定的角度倾斜，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。
"
