Scribd Logo
Upload

Welcome to Scribd!

  • CSS 41

    Uploaded by

    Santiponce Emprende
    59 views2 pages

    Original Title

    CSS.41

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    59 views2 pages

    CSS 41

    Uploaded by

    Santiponce Emprende

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <html>

    <head>

    <style>
    div {max-width:600px;}

    body {background-color:black;}

    .borde1 {background:#FFFFFF url(barril.gif) no-repeat 50% 50%;


    border:12px dashed black;
    height:307px;
    margin:0 auto;
    padding:36px;
    width:250px;}

    .borde1 p {color:red;
    margin:45px 5px 0 0;
    font:bold 36px Georgia, "Times New Roman",Times,serif;
    text-align:right;}

    .borde2 {-moz-border-radius:30px;/*solo para mozilla firefox pero más fácil*/


    /*http://www.w3.org/TR/2005/WD-css-background-20050216/#the-border-radius*/
    /*http://www.december.com/html/spec/color3.html*/
    background-color:CornflowerBlue;
    border:2px outset CornflowerBlue;
    margin:0 auto;
    padding:1px 10px;
    text-align:center;
    width:250px;}

    .borde2 p {border:3px dashed AliceBlue;


    color:#FFFFFF;
    font-size:16px;
    padding:10px;}

    div.borde3 {border-color:#AABBCC #AABBCC #AABBCC transparent;/*un color para cada


    borde, bueno todos iguales menos el de la izquierda*/
    /*puedes probar poniendo todos border-color:#AABBCC*/
    border-style:solid;
    border-width:15px 15px 15px 20px;
    margin:0 auto;
    padding:0;
    width:500px;
    -moz-border-radius:30px;}
    div.borde3 p {margin:0;
    padding:5px;
    text-align:center;
    color:white;}

    </style>
    </head>
    <body>
    <div class="borde1"><p>¡¡VIVA EL VINO!!</p></div>
    <hr>
    <div class="borde2"><p>¡¡VIVA EL VINO!!</p></div>
    <hr>
    <div class="borde3"><p>¡¡VIVA EL VINO!!</p></div>
    </body>
    </html>

    You might also like