BHS DESIGN - CSS rounded borders in Firefox

Page Info

Page Title: CSS rounded borders in Firefox
Description: How to make rounded borders in Mozilla Firefox
Author: Dumb Genius
Submission Date: 20-04-2006 14:41

Rating & Comments

View or add comments:

(0)
Average members rating:

10.00

This CSS code will only work in Firefox. It avoids to use some images to have rounded borders.

HTML

Code :
// hide source code
// hide line numbers



1  
2  <div class="whitebox">This box will be have a white background with grey rounded borders in Firefox only.</div>

CSS

Code :
// hide source code
// hide line numbers



1  .whitebox    { 
2      background-color: #FFF;    
3      border: 1px solid #DDD; 
4      padding: 4px; 
5      -moz-border-radius: 6px;
6

Example

This box will be have a white background with grey rounded borders in Firefox only.

Donation:

If you like our free quality work, make a donation by using Paypal and tell us what you would like to see improved on our site for the next few months.