In this chapter we are going to a give more styles to the tables using CSS. it doesn;t seem to remove any borders at all, /* Default Table Style */ { Here are three examples: 1. padding: 5px; text-align: center; Hi Let's looks at the example below: With this CSS declaration, The caption-side captions are presented in the element. Table Borders. #content table How to Add Borders to Table Using CSS. 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? { text-align: center; Test it Now. Next try adding #content before .noborder and you’ll see that the border is gone. }. Been busy :). Could you post your html code as well please? Using 8 border-radius values can be pretty dope. }, #content table td To specify table borders in CSS, use the border property. { The border shorthand is especially useful when you want all four borders to be the same. Default value is "medium" border-style: Specifies the style of the border. /*End Default Table Style */, .noborder, .noborder tr, .noborder th, .noborder td border-collapse: collapse; so, If I aplly class=“noborder” to a table tag that will remove the border from the table tag the th tag the td tag and the tr tag for that particular table? Rounded corners for an element with a specified background color: Rounded corners! } Here the table will get a black border since the table rule is more specific than the .noborder one. background-color: #012349; Read about initial: inherit: Inherits this property from its parent element. The previous chapter covered how to change the basic styles of the table using CSS. When one value is specified, it defines both the horizontal and vertical spacings between cells. The comma is just to separate one select statement from the next. Okay, like I wrote in my previous post this is a specificity issue. To add a border to your table, you need to define the