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
Titel_01
prueba01,prueba02
*?{? 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
*?{?margin :0;?padding:0;}
h1?{?font-size:12px;?font-weight:normal;} p>
.border?{?background:url( ../images/shutiao.gif)?0?3px?repeat-y;}