The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS border-radius

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #36360


    i’m somewhat of a noob so forgive any errors i make, the thing is i’m having a slight problem. i’m using a unordered list to create a drop down menu and i’m using the border-radius to give it rounded edges. the problem i’m facing is that some of the list item tags will have drop downs and some wont. i’ve declared the border-radius to have rounded edges at the top right and top left and the bottom to be flat. what i would like is to know how to make the bottom also round but only in some list item tags not all. hope this makes sense. below is the sample code.

    .menu li:hover{
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;

    thats the code on all the elements but i want the home and about us to be equally rounded. any help is greatly appreciated.


    That’s what classes are meant for. Give ‘Home’ and ‘About Us’ a class and define the border radius for them.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.