• Locked
1 reply [Last post]
Sun, 2011-12-04 21:38
beyerj
beyerj's picture
Offline
Last seen: 1 year 23 weeks ago
newbie
Timezone: GMT-5
Joined: 2011-08-14
Posts: 4
Points: 8

Hi guys,

I understand how they did the gradient background but how did they have the white foreground with the rounded edges? If I have the background be a gradient, what do I need to do so that I can have the white foreground (not make it an image so that it can expand and contract based on content)?

http://www.delegatearianakelly.com/

All help is appreciated.

Jonathan

Top
Tags:
Sun, 2011-12-04 23:14
#1
gary.turner
gary.turner's picture
Offline
Last seen: 22 hours 10 sec ago
Moderator
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 8761
Points: 2704

Rounded corners?

Set the border radius, i.e.

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
    margin: 0 auto;
    width: 980px;
}

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Top
  • Locked