yep it won’t appear because you didn’t specify the borders…
the element doesn’t add borders by default …So you have to add them by yourself
you can use this code in your Css code :
table, td, tr{
border: 2px solid #fff;
border-collapse: collapse
}
Answer from charaf_marghin on forum.freecodecamp.org
W3Schools
w3schools.com › html › html_table_borders.asp
HTML Table Borders
HTML Examples HTML Editor HTML Quiz HTML Exercises HTML Challenges HTML Website HTML Syllabus HTML Study Plan HTML Interview Prep HTML Bootcamp HTML Summary HTML Accessibility · HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... HTML tables can have borders of different styles and shapes.
GeeksforGeeks
geeksforgeeks.org › html › html-table-border-attribute
HTML table border Attribute - GeeksforGeeks
July 11, 2025 - The HTML <table> border Attribute is used to specify the border of a table. It sets the border around the table cells. This attribute defines the visual presentation of the table by setting the thickness of the borders.
Border from table element not showing
CodePen. This is the table: And I’d like to have the default borders around but it doesn’t and I can’t figure it out. I checked with developer tools and I couldn’t find the problem. Why is this happening? More on forum.freecodecamp.org
1
0
February 13, 2021html - How to border every cell in a table? - Stack Overflow
I have a simple table. I want a 1px solid black border around every cell. For some reason I am only getting a border outlining the entire table. I tried adding border-collapse: separate; to the table More on stackoverflow.com
Put border around table and certain rows and columns - HTML & CSS - SitePoint Forums | Web Development & Design Community
Hello, I have a table with rows and columns. I need it to have the table have a border and group info a11, b44, c77 and a22, b55, c88 and so on so each grouping has their own border also. What would be the best way to do that? If it’s something other than a table I’ll be up for that. More on sitepoint.com
0
October 2, 2020Is Table Deprecated / Alternative To Border-Collapse
You could do borders with box shadow, so they overlap. https://jsfiddle.net/L8omv1bp/ More on reddit.com
12
3
July 19, 2022Videos
05:51
Adding borders to your HTML table - YouTube
05:08
HTML - From Zero to Hero #24 - Table Borders - YouTube
09:16
HTML Tutorial #34 - Table Border in HTML using CSS - YouTube
15:17
HTML Tutorial #12 - HTML Table Borders | 2 Ways To Specify HTML ...
How to Add Bottom Border to Table Row | HTML and CSS ...
07:07
How to Make Your HTML Table Look Professional with Border ...
wpDataTables
wpdatatables.com › home › blog › html table borders: the complete guide to creating, styling, and customizing
HTML Table Borders: The Complete Guide to Creating, Styling, and Customizing
December 15, 2025 - There are two main ways to add borders to HTML tables: using the HTML border attribute or applying CSS. While the HTML attribute is simple, CSS offers far more flexibility and control.
Screenstepslive
utah.screenstepslive.com › a › 1864861-table-borders-and-shading
Table Borders and Shading | Advanced HTML Elements | University of Utah
August 23, 2024 - <table style="border-collapse: collapse; width: auto; margin-left: auto; margin-right: auto;" border="1" cellpadding="5"> <caption>Table Caption</caption> <tbody> <tr style="height: 25px; border: 1px solid black;"> <th style="height: 25px; border: 1px solid black;" scope="col">Things</th> <th style="height: 25px; border: 1px solid black;" scope="col">Header 1</th> <th style="height: 25px; border: 1px solid black;" scope="col">Header 2</th> </tr> <tr style="height: 27px; border: 1px solid black;"> <th style="height: 27px; border: 1px solid black;" scope="row">Thing 1</th> <td style="height: 27px; text-align: center; border: 1px solid black; background-color: #708E99;">1</td> <td style="height: 27px; text-align: center; border: 1px solid black;">2</td> </tr> </tbody> </table>
HTML AM
html.am › html-codes › tables › table-border.cfm
Table Border
This page demonstrates how to set the table border within your web pages and other HTML documents. In HTML, there are two ways of adding a border to your tables. The first is to use the HTML border attribute.
W3Schools
w3schools.com › css › css_table.asp
CSS Styling Tables
If you just want a border around the table (not inside), you specify the border property only for the <table> element: ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: ...
Top answer 1 of 3
3
You need to apply border to cells (TD) instead of table
TD,TH {
border:1px solid black;
}<!doctype html>
<html>
<body style="font-family:Arial;">
<table style="font-family:Arial; font-size:12px;">
<tr>
<th align="left">Initiative</th>
<th align="left">Scheduled Finish</th>
</tr>
<tr>
<td align="left">[Initiative Name]</td>
<td align="left">[Initiative Scheduled Finish Date]</td>
</tr>
</table>
</body>
</html> 2 of 3
2
Safest way is giving your table a class. This way it won't affect any other tables in your page.
.my-table-border th,
.my-table-border td {
border: 1px solid black
}<!doctype html>
<html>
<body style="font-family:Arial;">
<table class="my-table-border" style="font-family:Arial; font-size:12px; border:1px solid black;">
<tr style="outline: thin solid">
<th align="left">Initiative</th>
<th align="left">Scheduled Finish</th>
</tr>
<tr style="outline: thin solid">
<td align="left">[Initiative Name]</td>
<td align="left">[Initiative Scheduled Finish Date]</td>
</tr>
</table>
</body>
</html>The table class is my-table-border and the selector is only picking tds and ths inside of tables that have this class.
HTML.com
html.com › attributes › table-border
Table Border: The Old (HTML) And New (CSS) Code Compared »
September 26, 2019 - table.example-table, .example-table td{border: 1px solid green; border-collapse: collapse;} ... Adam is a technical writer who specializes in developer documentation and tutorials.
W3C
w3.org › Style › Tables › examples.html
Examples of table borders and rules
Corresponds to HTML3 rule=all, border=1. ... The second example from the HTML3 spec. (interpreted from the ASCII graphics). table { border-top: double; border-bottom: double; border-right: blank } thead, tbody, tfoot { border-top: solid; border-bottom: solid } colgroup { border-right: solid }
JournalXtra
journalxtra.com › making-better-html-table-borders
Making Better HTML Table Borders - JournalXtra
October 10, 2014 - Written in an HTML page with their corresponding closing tags, they would look like this: ... The <table> and <td> tags have their own margin, border and padding properties.
Hyperskill
hyperskill.org › university › frontend › html-table-borders
HTML Table Borders
October 2, 2024 - To apply a border around the entire table, target the <table> element in your CSS: ... To ensure that individual cells and headers also have borders, target the <th> and <td> elements: ... The border attribute in HTML is a simple way to add borders to an HTML table.
Scaler
scaler.com › home › topics › html table borders
HTML Table Borders - Scaler Topics
June 24, 2024 - By using the HTML <table> border attribute, you can easily customize how your tables look to match your design preferences. Whether you decide to add borders for clarity or prefer a borderless look, this attribute provides a nice and easy way ...
W3Schools
w3schools.com › html › tryit.asp
Table With Rounded Borders
The W3Schools online code editor allows you to edit code and view the result in your browser
Learntosap
learntosap.com › htmltutorial17.html
HTML Table Border Tag Explained: How to Add Borders in HTML Tables with Examples | LearntoSap.com
<table style="border: 3px double black;"> <tr> <th>Country</th> <th>Capital</th> </tr> <tr> <td>India</td> <td>New Delhi</td> </tr> </table>
SitePoint
sitepoint.com › html & css
Put border around table and certain rows and columns - HTML & CSS - SitePoint Forums | Web Development & Design Community
October 2, 2020 - Hello, I have a table with rows and columns. I need it to have the table have a border and group info a11, b44, c77 and a22, b55, c88 and so on so each grouping has their own border also. What would be the best way to do…
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › API › HTMLTableElement › border
HTMLTableElement: border property - Web APIs | MDN
The HTMLTableElement.border property represents the border width of the element.
Naukri
naukri.com › code360 › library › html-table-borders
HTML Table Borders - Naukri Code 360
Almost there... just a few more seconds
W3Schools
w3schools.com › html › tryit.asp
W3Schools Tryit Editor - A table with borders
The W3Schools online code editor allows you to edit code and view the result in your browser
GeeksforGeeks
geeksforgeeks.org › html › html-table-borders
HTML Table Borders - GeeksforGeeks
July 23, 2025 - HTML Table Borders define the visible lines around cells and the overall table. They help in creating clear distinctions between various sections of the table, making it easier to understand and show information clearly.