{ table { border-collapse: collapse; } table td { border: 5px solid black; } table tr:first-child td { border-top: 0; } table tr td:first-child { border-left: 0; } table tr:last-child td { border-bottom: 0; } table tr td:last-child { border-right: 0; } Guessing its a specificity issue. There is one property related to a table that we want to mention here, and that is the border-collapse property. Before starting to apply CSS properties, take a look at an example of a traditional HTML table. Next try adding #content before .noborder and you’ll see that the border is gone. Could you post your html code as well please? { Using CSS, you can fine-tune the appearance of all borders within a table, including: 1. { border-collapse: collapse; The CSS border-collapse property is used to specify whether elements have shared or separate borders. To see this effect, amend the CSS style rules in the code below as follows: i. table {border-collapse: separate;} ii. }. text-align: center; Eg. Anyway, we recommend using the CSS border property for adding a border to your tables. Default value is "none" border-color: Specifies the color of the border. How Can I set my css so that if I add a class of noborder to a table tag then the table, and the th's and the td's and the tr's all ahve no border for that 1 table? As with all shorthand properties, any omitted sub-values will be set to their initial value.Importantly, border cannot be used to specify a custom value for border-image, but instead sets it to its initial value, i.e., none. Remember to add borders also for and tags to have a complete table. Default value is the color of the text: initial: Sets this property to its default value. How to Add Borders to Table Using CSS. The syntax of CSS border property is … There are two distinct models for setting borders on table cells in CSS: separate and collapse. Please can someone here help as thsi is rather desperate and needs to be fixed asap. margin-right: auto; To add a border to your table, you need to define the