• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Rounding the Corners

Shave off those sharp table edges with a little bit of CSS. That’s right—CSS can even round off table corners. The code is proprietary for Mozilla and Netscape 6.x and higher, but it leaves Internet Explorer with normal, sharp tables. You can use Dreamweaver’s CSS editor for all but the snippet of code that does the rounding. Create a new style using the Redefine HTML Tag option, and select Table from the list of tags. Proceed as usual to the CSS Style Definition dialog. There you can choose a background color, a border size, and a color for the table. When you’re satisfied, click OK. Here’s the line of code you need to enter manually at the end of the table style rule you just defined:

-moz-border-radius: 12px;


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint