Scribd Logo
Unggah

Selamat datang di Scribd!

  • Solucionador A1F

    Diunggah oleh

    Enrique Bolaños
    10 tayangan1 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan1 halaman

    Solucionador A1F

    Diunggah oleh

    Enrique Bolaños

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 1

    Fondos

    http://www.edutopia.es/mooc/ex11.html[01/08/2014 11:43:24 p.m.]


    estilos.css
    body{
    backgr ound: ur l ( " . . / i mg/ f ondo. j pg" ) ;
    backgr ound- r epeat : no- r epeat ;
    backgr ound- col or : #F9F1CF;
    }
    nav l i {
    l i st - st yl e: none;
    di spl ay: i nl i ne- bl ock;
    paddi ng: 4px 70px;
    t ext - al i gn: cent er ;
    background-color:gray;
    }
    El selector 'body{' indica que el cdigo CSS afectar al <body> (osea a toda la web).
    Con background:url indicamos qu imagen se colocar de fondo y dnde se encuentra
    (el "../" inicial sirve para que pueda salir de la carpeta donde est el CSS que est leyendo
    y all buscar la carpeta "img").
    background-repeat indica que la imagen no se repita (slo se mostrar una vez).
    background-color especifica el color de fondo del resto de la web.
    Para que funcione, es MUY importante especificar el color despus de especificar la imagen.
    El selector 'nav li{' ya exista (lo creamos en el tema 7 "Maquetacin de enlaces con CSS").
    En su momento aadimos la ltima lnea como provisional, para que nos mostrar el rea de
    cada <li> con un fondo gris:
    background-color:gray;
    Ahora que ya no necesitamos este fondo, eliminamos esta lnea.
    Propuesta de la actividad
    Utilizar una imagen como fondo
    Resultado final
    En este caso no vamos a utilizar una imagen como de fondo como mosaico, sino que la vamos a utilizar como fondo slo de la parte superior de la web,
    evitando que se repita y colocndola en la posicin que deseamos.
    Tenemos la siguiente imagen: (aqu se muestra reducida)
    Con estos dos cambios podemos apreciar como la imagen de fondo NO se repite -y como es muy amplia- ocupa siempre todo el ancho de la ventana del
    navegador.
    Haz clic aqu para ver el resultado o bien accede al siguiente tema donde vamos a utilizar diferentes tipografas no habituales

    Aadir una imagen como fondo
    Profesor: J avier Lpez
    Mdulo 2
    Utilizar una imagen como fondo
    Javier Lpez (2014)
    jab@jabmultimedia.com
    HTML6.es / JAB Multimedia, S.L.
    ver el resultado utilizar diferentes tipografas no habituales

    Anda mungkin juga menyukai