Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • CSS Border-radius

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 461
    Comment on it

    The rounded corners are applied to the element's background area, the element's border, and the box-shadow if specified. The CSS3 border-radius property allows you to apply rounded corners to HTML elements without the need to use images or other hacks.


    .className {
        border-radius: radius;

    HTML file:-

    <!DOCTYPE html><br>
            <link href="style.css" type="text/css" rel="stylesheet"/><br>
            <div class="radius"><br>
                The Border-radius Property<br>

    CSS file:-

    .radius {
        width: 250px;
        background: #acbefa;
        border: 3px solid #000;
        border-radius: 10px;
        text-align: center;
        padding: 40px 0px;
        color: #396A93;
    CSS Border-radius

 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: