From the course: Dreamweaver CS6 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating custom table borders

Creating custom table borders - Dreamweaver Tutorial

From the course: Dreamweaver CS6 Essential Training

Start my 1-month free trial

Creating custom table borders

Even before I started using CSS I have absolutely loathed the default table borders the browsers apply. Through CSS we can leave those clunky, semi-3D, beveled borders behind, and create streamlined and customized borders. Now like anything else, however, table borders created with CSS have rules that we have to follow in order to get the desired results. Let's dive in and finish off our table by adding some custom borders. I first want to show you where we are. I have opened up the graphic-design.htm file from the 09_06 directory and if I preview this in Live View; I am just going to scroll down, you can see that one of the things I have done is added a few more tables to the page, so you can really see what kind of impact our styling has when these tables are combined together. Now right now currently it looks like our tables have borders, doesn't it? I mean you can see they have got white border right here between all of the table cells. Well, it's not really a border. One of the…

Contents