If you look at sites like yahoo.com, alibaba.com, ebay.com, msn.com ect...you can see that the tables have very thin borders.
They appear to be less than 1 pixel wide, and they look fine and thin in both IE and Firefox.
Any idea how they do this? Is it in the CSS style sheet?
2007-05-11 05:26:39 · 4 answers · asked by fantapattaya 2 in Computers & Internet ➔ Programming & Design
you can apply border to anything by this
style="border:1px solid #AFC6DC;"
they key point behind its look is to set border colour towards lighter shades then you will get the look you looking for.
2007-05-11 05:50:59 · answer #1 · answered by GBX 1 · 0⤊ 0⤋
If you are using an HTML editor like dreamweaver, i.e a WYSIWYG editor, when you click insert table, you will see a dialog box that has some parameters like border thickness, cellpadding, cellspacing, etc. Under the border section type in 1. This would make your border 1px thick.
Alternatively if you want to do it in CSS, insert your table and give it a class like
If in your css you want only the top border or the bottom border to be 1px then you would say border-bottom:1px solid grey... or whatever color or border-top:1px..... or border-left:.... or border-right:... as the case may be. I hope this helps. If you want some interesting tutorials you can try www.tutorialized.com they have some nice html tutorials in there. you can holler me if you have any diffuculty Cheers 2007-05-11 05:51:27 · answer #2 · answered by kendamy 2 · 0⤊ 0⤋ You may get a similar effect by using (yes, via css) style="border: 1px dotted #333;" (which is a dark gray), or play especially with the colors and border styles (there's also "dashed" and there's also parts of ems like .1em a la "border: .1em solid #666;" and so on... 2007-05-11 05:33:50 · answer #3 · answered by fjpoblam 7 · 0⤊ 0⤋ you may placed the css the place ever you prefer (like the css record you're linking to). i'm gonna purely placed it inline for simplicity's sake: |