How to Create Rounded Edges on Tables in Dreamweaver

HyperText Markup Language, better known as HTML, includes a "table" element that many websites use to organize data into a grid format. By default, these HTML tables are displayed with rigid rectangle formatting. However, you can use the Adobe Dreamweaver Web design application to add a new CSS property to your HTML code that will alter the appearance of your tables to give them rounded corners.

Instructions

1

Launch the Adobe Dreamweaver application and open the HTML code file that contains your table.

2

Click the plus button in the "CSS" window on the right side of the screen.

3

Choose the radio button labeled "Redefine HTML" or "Tag" and choose "Table" from the drop-down list of elements. Then press "OK."

4

Use the tabs on the left side of the window to select a custom background color, font or border size for your table element. Click "OK" when you're done customizing the table's basic appearance.

5

Scroll to the top of your HTML code and locate the area where your CSS properties are defined. This section should begin with the "