Repetición de fondo CSS
Directorio de artículos
CSS background-repeat de
forma predeterminada, la propiedad background-image repite la imagen tanto en dirección horizontal como vertical.
Algunas imágenes solo deberían ser adecuadas para repetirse horizontal o verticalmente; de lo contrario, se verán extrañas, como se muestra a continuación:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("/i/css/gradient_bg.png");
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>奇怪的背景图片...</p>
</body>
</html>
Repita en dirección horizontal.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("/i/css/gradient_bg.png");
background-repeat: repeat-x;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>在这里,背景图像仅在水平方向上重复!</p>
</body>
</html>
repetición de fondo: repetición-x;