Border radius (individual corners)

by danielkwood

HTML

<html>
    <head>
        <title>Rounded corners on divs - example 2</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>

    <body>
        <div class="round">
        </div>
    </body>
</html>

CSS

.round{
    background-color: #66bb6a;
    width: 150px;
    height: 100px;
    border-top-left-radius: 25px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 25px;
}