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.
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, 2020html - 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
Is 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, 2022How can I make a blank table cell without borders with the table border not enclosing it?
Remove the border="1" from the table element and add a style to the td and th elements td, th { border: 1px solid black; } Lastly, add a class to that top-left td cell you want to "hide" and style the class. and td.hide { border: none; } There are probably a dozen other ways to do that. CSS is pretty flexible. JSFiddle More on reddit.com
2
1
February 7, 2021Videos
15:17
HTML Tutorial #12 - HTML Table Borders | 2 Ways To Specify HTML ...
05:08
HTML - From Zero to Hero #24 - Table Borders - YouTube
07:07
How to Make Your HTML Table Look Professional with Border ...
05:51
Adding borders to your HTML table - YouTube
05:22
How to style border of a HTML table | HTML Table border style | ...
How to Add Bottom Border to Table Row | HTML and CSS ...
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.
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.
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.
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 }
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…
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.
W3Schools
w3schools.com › html › tryit.asp
Table With Border
The W3Schools online code editor allows you to edit code and view the result in your browser
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › API › HTMLTableElement › border
HTMLTableElement: border property - Web APIs | MDN
September 2, 2024 - 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
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.
ETSU Faculty
faculty.etsu.edu › TARNOFF › ntes1710 › tables › tables.htm
HTML Table Basics
The HTML for a basic table is shown below. <table border="1"> <caption>Table Caption</caption> <tr> <td> Row 1, col 1 item </td> <td> Row 1, col 2 item </td> <td> Row 1, col 3 item </td> </tr> <tr> <td> Row 2, col 1 item </td> <td> Row 2, col 2 item </td> <td> Row 2, col 3 item </td> </tr> </table>
Sololearn
sololearn.com › en › Discuss › 2854393 › solved-html5-table-border
(SOLVED) HTML5 table border | Sololearn: Learn to code for FREE!
Sololearn says, that border attribute is deprecated in HTML5. But if I do not specify this attribute, my table is borderless.
W3Schools
w3schools.com › css › css_border.asp
CSS Borders
CSS Templates CSS Examples CSS Editor CSS Snippets CSS Quiz CSS Exercises CSS Code Challenges CSS Website CSS Syllabus CSS Study Plan CSS Interview Prep CSS Bootcamp CSS Certificate · CSS Reference CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS Browser Support ... The CSS border properties allow you to specify the style, width, and color of an element's border.
Medium
codewithsuraj.medium.com › html5-table-borders-a-comprehensive-guide-with-examples-eb57bce9231a
HTML5 Table Borders: A Comprehensive Guide with Examples | by Code with Suraj | Medium
October 22, 2023 - Use Semantic Elements: Utilize the appropriate HTML elements (<thead>, <tbody>, <th>, <td>) for creating structured and semantic tables. Consistency: Maintain a consistent border style and width throughout your table to ensure a professional and cohesive appearance. Spacing: Pay attention to cellspacing and cellpadding attributes or border-spacing property to control the space between cells and cell content. Accessibility: Ensure that table borders do not interfere ...
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.