<html>
<head>
<style>
div{
width:300px
height:30px
border:1px solid #f00
position:absoulte
left:10px
top:10px
}
</head>
<body>
<div>
<p>我的位置</p>
</div>
</body>
</html>
CSS代码中如果要延x轴和y轴分别平铺背景代码，首先我们需要明确的是，你一般改的话，如果是在一个div中，是无法像你说的那样，只能实现的是平铺，repeat来实现的，如果是不同的2个div这样x和y是能能够实现的，通过repeat-x和repeat-y来实现，通过代码来理解：<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>
