Aquí está la imagen de fondo
Es parte de nuestra fórmula de un "contenedor" (puede haber varios) <div style = "box-shadow: 12px 7px # FF533E 8px, 18px -3px 2px # 2D20FF, -2px -2px # 00D80F 17px; fronteriza: 5px inserción # 3F1D00; border-radius: 50px; padding: 10px; Imagen de fondo: url('ENFRENTAR SUS FOTOS'); width: 50%; "> <center> <br /> su texto <br /> <br /> El contenedor Se compone de los atributos:
"estilo div" - elementos de bloque de estilo "caja de la sombra" - un efecto de sombra (rojo, azul, verde ... poner en su elección) "frontera" - el efecto de borde: inserción - el color del efecto frontera (negro y gris) "border-radius" - radio de esquina
radio de esquina se puede establecer como 1 valor (por toda la captura),
2 valores (2 esquinas en diagonal) y las 4 esquinas (para cada esquina) "relleno" - relleno en el elemento "Imagen de fondo "- la imagen de fondo (background image e)" ancho "- el ancho del marco (que puede ser expresado en% o en píxeles)
radio de esquina se puede establecer como 1 valor (por toda la captura),
2 valores (2 esquinas en diagonal) y las 4 esquinas (para cada esquina) "relleno" - relleno en el elemento "Imagen de fondo "- la imagen de fondo (background image e)" ancho "- el ancho del marco (que puede ser expresado en% o en píxeles)
puede cumplir con los atributos:
"-webkit-box-shadow" - que se mostrará en las versiones anteriores del navegador Chrome, "-moz-box-shadow" - que se mostrará en las versiones anteriores del navegador Firefox de Mozilla, "box-shadow" - para mostrar en todos los demás navegadores
No hay comentarios:
Publicar un comentario