WordPress.org

Ready to get started?Download WordPress

Forums

round corners at top of the page and bottom of the footer (2 posts)

  1. Miki88wp
    Member
    Posted 2 years ago #

  2. Hi,

    You've got the right idea for what you want to do - you were just a little off in your guess about the markup. If you don't want the same radius on all corners, you can specify for each corner separately, like so:

    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;

    Note that if you're going to do this, you have to declare the two bottom corners explicitly with a radius of zero, or they will default to the same style as the top corners!

Topic Closed

This topic has been closed to new replies.

About this Topic