Tip:
Highlight text to annotate it
X
Now I'm going to take out the border and leave a white space in between the blocks for the
table rows themselves. And this is just going to make it appear like floating squares on
a white background. And I'm going to keep this green color because I really like it.
So all I'm going to do is in my table, change my background color to this green which is
ccffcc. Well of course I need the equal, quotations number, I 'm jumping ahead of myself. Take
out the space here. There we go and I want to go ahead and take out my color on all three
of these header columns
and, oops. Now I'm going to set my border to zero and I'm going to do cell spacing. And this is
what's going to provide that space between the row columns. Rows and columns rather.
I'm going to set it to, let’s do ten pixels, hit save. Go over here, well that's been changed
back to pink. I'll just go ahead and remove the old pink. Save it. And refresh and something
that I did here that I didn't mean to do, was I accidentally set my background color
to the same as my border color. So what we can do, I can change the background color
to white.
And then I can go into my table and change that background color to that nice minty green
which was, oh I've forgotten what it was now. We'll just do that gray again I guess. And
now you can see that the background, there's a border color, which is actually the background
color, and then the table cells are their own background color. And I'll just copy and
paste this down. There we go that's the look we are looking for.