• ▲ ALT-WEB
• ARTICLES ▼
  • How to Make Equal Height Columns?
  • Persistent Page Indicator on Menus
  • Remove Unused Site Files
  • Creating HTML E-mails
• TEMPLATES ▼
  • Equal Height Columns
  • Faux Columns
  • 100% Page Height
  • 1-Col Layout
  • 2-Col Layout
  • 3-Col Layout
  • 3-Col Liquid Layout
  • 3-Col Semi-Liquid Layout
  • Semi-Liquid Photo Layout
  • Dark Grid Photo Layout
  • Liquid Header & Footer
  • Elastic Layout with Ems
  • Rounded Menu
  • Round Borders & Media Queries
• DEMOS ▼
  • CSS Styled Tables►
    • 3-Color Table
    • Clickable Table Cells
    • Vertical Scrolling Table
    • CSS3 Zebra Tables (new)
    • CSS2 Zebra Tables (old)
  • 3 CSS Boxes
  • Captions & Floats
  • CSS Fixed Positioning ►
    • Sticky Header
    • Sticky Footer
    • Sticky Text
  • CSS Contact Form
  • CSS Disjointed Rollovers ►
    • Disjointed Image Rollovers
    • Disjointed Gallery Rollovers
    • Disjointed Menu Rollovers
    • Disjointed Text Rollovers
    • Disjointed Rollovers Sample 1
    • Disjointed Rollovers Sample 2
    • Disjointed Rollovers Sample 3
    • CSS Disjointed Image Viewer
  • CSS Horizontal Drop-Menu 2
  • CSS Horizontal Drop-Menu 3
  • CSS Rounded Corners
  • CSS Sprites ►
    • CSS Sprites 1
    • CSS Sprites 2
    • CSS Button Sprite
  • CSS Skewed Menu
  • Smooth Scrolling
  • Scalable Background Image
• DONATE
• CONTACT

   

 

CSS Rounded Borders

with Cross browser support for older IE!

Tested and works in Safari, Chrome, Firefox, Opera, Linux, and IE 6, 7, 8

This page demonstrates how to easily add rounded corners to your web pages without the need for image slices or complex mark-up.

Using the CSS Border-Radius properties for the major browsers that support it, along with a workaround for pre-Internet Explorer 9, now you can have fully flexible divisions or tables with rounded corners.