How do you create round corners in CSS ?
On the WC3 CSS page they have background with corners.
They don’t use an image to do this.
On the WC3 CSS page they have background with corners.
They don’t use an image to do this.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How do you create round corners in CSS ?
- Thread starter wassup
- Start date
Dear wassup,
> They don’t use an image to do this.
That's not entirely accurate... below is the 'css' code for the two DIV tags that produce the 'rounded corner' effect. Please notice the use of css attribute 'background' which identifies a .png file which is an image of sorts.
Also notice that the page is optimized for MS Internet Explorer by using css syntax not supported by NS.
div.back {
background: url(bg-t.png) repeat-x white;
clear: both;
margin-bottom: 2em;
page-break-before: always;
}
div.section {
background: url(bg-tl.png) no-repeat;
padding-bottom: 0.5em
}
Hope this helps
-pete
> They don’t use an image to do this.
That's not entirely accurate... below is the 'css' code for the two DIV tags that produce the 'rounded corner' effect. Please notice the use of css attribute 'background' which identifies a .png file which is an image of sorts.
Also notice that the page is optimized for MS Internet Explorer by using css syntax not supported by NS.
div.back {
background: url(bg-t.png) repeat-x white;
clear: both;
margin-bottom: 2em;
page-break-before: always;
}
div.section {
background: url(bg-tl.png) no-repeat;
padding-bottom: 0.5em
}
Hope this helps
-pete
- Status
Similar threads
- Locked
- Question
