Rounded Corner Div

[Anastasis 48]

Ένα παράδειγμα χρήσης της CSS3, για το πώς δημιουργούμε divs με καμπύλες γωνίες και διχρωμία.

 

κώδικας:

/*General position and size settings*/    float:left;    width:250px;       /*Font/Text Settings*/    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;    font-size: 10pt;    color: #888888;    text-align: justify;    padding: 10px;    /* Rounded Corners */    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px;    /*Background and border color*/    background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6FA);    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E6E6FA));    border: 1px solid #D3D3D3;    background-color: #DDDDDD;

Live Demo / Download Files