By: Lee A. Shurie
|
| Subject: |
HTML box with rounded corners |
| Language: |
HTML |
| Rating: |
Rated 54 times. Rate or review this item: 1 2 3 4 5
Read Reviews
|
See it in action
|
Information
This little trick uses the fieldset and legend tags to create a nicely bordered box with a title. It is straight HTML.
Originally this was proprietary to IE, but it has been adapted by Mozilla Firefox. In IE the corners are nicely rounded. In Firefox they are square.
|
Code
|
Instructions
Simply copy this code to your HTML page. It will fill the entire available horizontal area. To constrain it, you can enclose it in a div or a table cell.
|
Keywords:html box, html rounded corners, legend, fieldset, internet explorer, mozilla firefox
|
Lee's Code RSS Feed
