/*table with border */ table, th, td { border: 1px solid black; background-color: #883333; } /*custom table for core drill prices */ .Table { display: table; } .Title { display: table-caption; text-align: center; font-weight: bold; font-size: larger; background-color: #BFBF9E; } .Heading { display: table-row; font-weight: bold; text-align: center; } .Row { display: table-row; background-color: #CCFFCC; } .Cell { display: table-cell; border: solid; border-width: thin; padding-left: 5px; padding-right: 5px; } /*table collapse Cell padding specifies the space between the cell content and its borders. If you do not specify a padding, the table cells will be displayed without padding. To set the padding, use the CSS padding property: table, th, td { border: 1px solid black; border-collapse: collapse; } */ /*Table headings are defined with the tag. table with cell padding to set the padding use this:
Firstname Lastname Points
Eve Jackson 94
*/ table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 15px; } /*align table left */ th { text-align: left; } /*Border spacing specifies the space between the cells. To set the border spacing for a table, use the CSS border-spacing property: NOTE:::f the table has collapsed borders, border-spacing has no effect.NOTE */ table { border-spacing: 5px; } /*table with border Table Cells that Span Many Columns To make a cell span more than one column, use the colspan attribute:
Name Telephone
Bill Gates 555 77 854 555 77 855
*/ /* Table Cells that Span Many Rows To make a cell span more than one row, use the rowspan attribute: Example
Name: Bill Gates
Telephone: 555 77 854
555 77 855
*/ /* An HTML Table With a Caption To add a caption to a table, use the tag: Example
Monthly savings
Month Savings
January $100
February $50
*/ /* Different Styles for Different Tables Most of the examples above use a style attribute (width="100%") to define the width of each table. This makes it easy to define different widths for different tables. The styles in the section, however, define a style for all tables in a page. To define a special style for a special table, add an id attribute to the table: Example
Firstname Lastname Points
Eve Jackson 94
Now you can define a different style for this table: table#t01 { width: 100%; background-color: #f1f1c1; } Try it Yourself » And add more styles: table#t01 tr:nth-child(even) { background-color: #eee; } table#t01 tr:nth-child(odd) { background-color: #fff; } table#t01 th { color: white; background-color: black; } */