Birncando com CSS

Browse more Css Examples
<!DOCTYPE html>
<html>
<head>
    <title> </title>
<style>


body {
        background-color: blue;
}

div.cenario {
            width:              100px;
            height:             100px;
            background-color:   yellow;  
            margin:             0 auto;
            margin-top:         100px;
            border-radius:      50px;
    }
    


div.dia {
    
        width:              50px;
        height:             20px;
        text-align:         center;
        background-color:   #CCC;
        margin-bottom:      25px;
        padding:            5px;
        border-radius:      3px;
        font-family:        arial;
        font-weight:        bold;
        
        
        
}


div.noite {
    
        width:              50px;
        height:             20px;
        background-color:   #CCC;
        height:             25px;
        text-align:         center;
        padding:            5px;
        border-radius:      3px;
        font-family:        arial;
        font-weight:        bold;
        
}


img  {
            width:              100px;
            height:             100px;
            margin-top:         60px;

    }

}

</style>
</head>
<body>

<div class="cenario">
    
<marquee>
    <img src="https://png.icons8.com/metro/1600/cloud.png"/>
</marquee>

</div>


</body>
</html>
Birncando com CSS

Follow

Newsletter
