Código de CSS - Poner dos o tres imágenes de fondo de pantalla

Pos: 6

Val: 181

Ha mantenido su posición en CSS (en relación al último mes)

Poner dos o tres imágenes de fondo de pantalla

CSS

Publicado el 9 de Octubre del 2019 por Joan (121 códigos)

1.802 visualizaciones desde el 9 de Octubre del 2019

En esta código se muestra como utilizar dos y tres imágenes de fondo de pantalla.

Un fondo de 430x520 píxeles fijada en el centro, una segunda imagen fijada en la derecha/abajo del navegador y la otra de 1x2 píxeles que se repite por todo el fondo de la pantalla.

background-images

1

Publicado el 9 de Octubre del 2019

gráfica de visualizaciones de la versión: 1

1.803 visualizaciones desde el 9 de Octubre del 2019

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Como poner dos o mas imágenes de fondo</title>

    <style>

    body {

        background:url(https://i.ibb.co/4thSh21/logo.png) fixed no-repeat center center, url(https://i.ibb.co/YcnKSWD/logo2.png) fixed no-repeat bottom right, url(https://i.ibb.co/n63JVyr/bg.png) repeat 0 0;

    p {font-family:Arial; font-size:1.2em;color:black}

    </style>

</head>

<body>

    <h1>Como poner dos o mas imágenes de fondo</h1>

    <p>En esta página se muestra como utilizar tres imágenes de fondo de pantalla.</p>

    <p>Un fondo de 430x520 pixeles fijada en el centro, una segunda fijada en la derecha/abajo del navegador y la otra de 1x2 pixeles que se repite por todo el fondo de la pantalla.</p>