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>W3Schools
w3schools.com › html › html_table_borders.asp
HTML Table Borders
Skip the border around the table by leaving out table from the css selector: th, td { border: 1px solid black; border-radius: 10px; } Try it Yourself » · With the border-style property, you can set the appearance of the border.
GeeksforGeeks
geeksforgeeks.org › html › html-table-border-attribute
HTML table border Attribute - GeeksforGeeks
July 11, 2025 - To use dashed table borders, use the CSS 'border-style' property and set it to "dashed" for the desired table cells. You can also use dotted , dashed , solid , double , groove , ridge , hidden , none etc.
html - 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 style, which I thought was the default, but that didn't work either. More on stackoverflow.com
Is it possible to create this table by only using HTML without any CSS style?
Why would you do it without CSS? More on reddit.com
24
4
September 30, 2024How can I style a table header?
Can you show the resulting html code you get in htmlstyle?
2
1
December 17, 2015Override Table border
https://jsfiddle.net/zee1aLsj/4/ your "table .noborder" is targeting an element with a class of noborder inside of a table, that's why the border remains on the table element. Change to just .noborder or table.noborder (if you need to be more specific for some reason) and it works. More on reddit.com
4
1
February 12, 2015Videos
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: 1px solid; max-width: 100%; min-width: 40%; margin: 1.5rem auto; float: right;"> <caption>Table with Shaded Column</caption> <colgroup> <col style="border: 1px solid;" /> <col style="border: 1px solid;" /> <col style="border: 1px solid; background-color: #708E99;" /> ...
HTML AM
html.am › html-codes › tables › table-border.cfm
Table Border
If you want to change the way your table border looks, you can use CSS. CSS allows you to change the color, width, and style of your table borders.
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
13 hours ago - This guide explains how to create and style table borders step by step. You’ll see practical examples for basic HTML tables, learn how to apply CSS for precise customization, and discover solutions for common display issues.
W3Schools
w3schools.com › css › css_table.asp
CSS Styling Tables
The CSS border property is used to specify the width, style, and color of table borders. ... Notice that the tables in the examples above have double borders. This is because both the <table>, <th>, and <td> elements have separate borders.
W3Schools
w3schools.com › cssref › pr_border-style.php
CSS border-style property
The border-style property sets the style of an element's four borders. This property can have from one to four values. ... The numbers in the table specify the first browser version that fully supports the property.
ETSU Faculty
faculty.etsu.edu › tarnoff › ntes1710 › tables › tables.htm
HTML Table Basics
All of these attributes must be ... can be edited by width and color. To change the width of the table's border, use the attribute border="p" where p = number of pixels wide the border should be....
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.
TablesGenerator
tablesgenerator.com › html_tables
HTML Tables generator – TablesGenerator.com
Adjust text alignment and table borders using the options from the menu and using the toolbar buttons -- formatting is applied to all the selected cells. Click "Generate" button to see the generated table's HTML source code -- select it and then Copy & Paste to your website's source.
Bootstrap
getbootstrap.com › docs › 4.0 › utilities › borders
Borders · Bootstrap
<span class="border-0"></span> <span class="border-top-0"></span> <span class="border-right-0"></span> <span class="border-bottom-0"></span> <span class="border-left-0"></span>
DhiWise
dhiwise.com › post › the-ultimate-guide-to-html-table-border-styling
Elevate Your Website with Modern HTML Table Border Styling
June 4, 2024 - To avoid double borders or to style the last cell of a row differently, you can use the :last-child pseudo-class to target the last table cell in each row. ... Combining background colors with appropriate padding can make the borders stand out and improve the readability of the table content. ... To create a distinct border around the table, you can apply a border to the <table> element itself, setting it apart from the rest of the page content. ... Mastering HTML table borders involves a combination of HTML attributes and CSS properties.
W3C
w3.org › Style › Tables › examples.html
Examples of table borders and rules
table { border: thin dropshadow(thick) } td { border: thin dotted } #G { border: thin dropshadow(thick) override } Cell G is assumed to have an ID `G'. The keyword `override' is used to make sure the cell's border style is honoured. If drop shadows are always `stronger' than dots, this keyword can be omitted. The color difference between the border and the cell is a problem. It can be solved in several ways: (1) in HTML, by putting the cell content inside another element, such as a P or DIV and putting a background on that, or (2) introducing a border-background property, or (3) specyfing that the table background is used for the border background.
Scaler
scaler.com › topics › table-border-in-html
HTML Table Borders - Scaler Topics
June 24, 2024 - HTML <table> border attribute comes with simple syntax, allowing the specification of border width using values "1" or "0." The CSS border-collapse property can be set to "collapse," avoiding double borders and ensuring a single border appearance. CSS provides many styling options, allowing developers to customize table borders using properties like border width, border-style, and border color.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › table
<table>: The Table element - HTML | MDN
November 7, 2025 - Notice, however, that we're using the :nth-of-type selector to apply the border-bottom property to the second row in the head. Why? Because the head is made of two rows that are spanned by some of the cells. That means there are actually two rows there; applying the style to the first row would ...
EITCA
eitca.org › home › how can you add borders to a table using css?
How can you add borders to a table using CSS? - EITCA Academy
August 7, 2023 - This will create a 1 pixel wide ... table and its cells. The "border-style" property allows you to specify various styles such as "solid", "dotted", "dashed", "double", and more....
Tailwind CSS
tailwindcss.com › docs › border-style
border-style - Borders - Tailwind CSS
Use utilities like border-solid and border-dotted to control an element's border style:
Hyperskill
hyperskill.org › university › frontend › html-table-borders
HTML Table Borders
October 2, 2024 - To specify the width of the table borders, use the CSS border-width property. This property allows you to set the thickness of the borders. The border-style property controls the style of the table borders.
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
Wrox
p2p.wrox.com › css-cascading-style-sheets › 38951-change-border-color-every-cell-table.html
Change border color for every cell of a table
Hi all, I want to change the border color of every cells or rows of a table but I am not quite sure what is the best way to do it. Personally, I want