Colección de citas famosas - Libros antiguos - Acerca del problema de estirar hacia abajo la imagen de fondo html

Acerca del problema de estirar hacia abajo la imagen de fondo html

El valor repetir significa repetición y se usa en segundo plano

Escritura estándar:

fondo-repeat:?repeat-x?||?repeat- y? ||?none? Como sugiere el nombre, estos tres significados son

1. Repetir-x: significa que aparece repetidamente en la dirección del eje x, es decir, la abscisa llena repetidamente el fondo.

2. Repetir-y: Esto es para repetir en la dirección del eje y, es decir, la coordenada vertical se llena repetidamente con el fondo.

3. Ninguno: No repetir el fondo.

4. Cuando el valor predeterminado no está escrito, aparecerá repetidamente en los ejes x e y al mismo tiempo.

Abreviatura:

background:url()?position ?repeat?color;

Atributos de fondo:

imagen de fondo: la ruta de la imagen de fondo

posición-de fondo: la posición de la imagen de fondo

repetición de fondo: repetición de fondo

color de fondo: color de fondo

clip de fondo: área de dibujo de fondo

origin-fondo: área de posicionamiento del fondo

tamaño-fondo: el tamaño de la imagen de fondo

Respuestas a las preguntas

Hay dos soluciones según el significado de la imagen de arriba

1. Sí Utilice el borde para lograr este efecto. El código es el siguiente: html

<. p>

Titel_01

prueba01,prueba02

css

*?{? margin:0;?padding:0;}

h1?{?font-size:12px;?font-weight:normal;}

.border?{?border-left :2px?solid?#ff9a2e;?padding-left:8px ;}

2. Puede utilizar el fondo para lograr este efecto. El código es el siguiente: html

Titel_01

prueba01,prueba02

css?

*?{?margin :0;?padding:0;}

h1?{?font-size:12px;?font-weight:normal;}

.border?{?background:url( ../images/shutiao.gif)?0?3px?repeat-y;}