W3Schools
w3schools.com › html › html_table_borders.asp
HTML Table Borders
This will make the borders collapse into a single border: table, th, td { border: 1px solid black; border-collapse: collapse; } Try it Yourself »
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.
Videos
05:51
Adding borders to your HTML table - YouTube
05:08
HTML - From Zero to Hero #24 - Table Borders - YouTube
05:22
How to style border of a HTML table | HTML Table border style | ...
15:17
HTML Tutorial #12 - HTML Table Borders | 2 Ways To Specify HTML ...
How to Add Bottom Border to Table Row | HTML and CSS ...
How to Create Table Border in HTML | html টেবিল বর্ডার ...
W3C
w3.org › Style › Tables › examples.html
Examples of table borders and rules
Assuming that `thin' means 1px (not too unlikely), the table's border will be 2px shadow + 1px padding + 1px margin + 1 px shadow = 5px.
HTML AM
html.am › html-codes › tables › table-border.cfm
Table Border
In HTML, there are two ways of adding a border to your tables. The first is to use the HTML border attribute.
Screenstepslive
utah.screenstepslive.com › a › 1864861-table-borders-and-shading
Table Borders and Shading | Advanced HTML Elements | University of Utah
<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>
Quackit
quackit.com › html › codes › tables › html_table_border.cfm
HTML Table Border
To set the border of an HTML table, use the CSS border property.
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 - The border attribute is the simplest way to add borders directly in HTML. It’s easy to implement but limited in customization. ... In the blink of an eye, borders appear. A straightforward approach — like grabbing the first pencil you see. This method quickly adds visible borders to each table cell.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › table
<table>: The Table element - HTML - MDN Web Docs - Mozilla
With CSS, we provide the basic ... data structure clearer. The CSS adds a solid border around the <table> and around each of the table's cells, including those specified with both <th> and <td> elements, demarcating every header and data cells....
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: ...
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.
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.
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;}
W3Docs
w3docs.com › html
How to Add Border to HTML Table
You can give styling to your table using the CSS border shorthand property, or the border-width, border-style, border-color properties, separately. See the example below to have a visible result of these properties.
Microsoft Learn
learn.microsoft.com › en-us › dotnet › api › system.web.ui.htmlcontrols.htmltable.border
HtmlTable.Border Property (System.Web.UI.HtmlControls) | Microsoft Learn
The following code example demonstrates how to use the Border property to programmatically control the border width of the HtmlTable control. <%@ Page Language="C#" AutoEventWireup="True" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> void Button_Click(Object sender, EventArgs e) { // Set the properties of the HtmlTable with the // user selections. Table1.BgColor = BgColorSelect.Value; Table1.Border = Convert.ToInt32(BorderSelect.Value); Table1.BorderColor = BorderColorSelect.Value; Table1.Hei
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 Tables
htmltables.io › blog › html-table-borders
HTML Table Borders — A Complete Guide
April 17, 2024 - In HTML, you can set the border color using a variety of methods, including hexadecimal color codes, named colors, and even RGB or HSL values. Hexadecimal color codes, such as #FF0000 for red or #00FFFF for cyan, offer precise control over the ...
DhiWise
dhiwise.com › post › the-ultimate-guide-to-html-table-border-styling
Elevate Your Website with Modern HTML Table Border ...
June 4, 2024 - Border: The line that defines the outer edge of the table and its cells. To start, let's define a simple HTML table using the border attribute directly in the HTML:
W3Schools
www-db.deis.unibo.it › courses › TW › DOCS › w3schools › tags › att_table_border.asp.html
HTML table border Attribute
The border attribute specifies if a border should be displayed around the table cells or not.
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 ... styles that can be applied to the table and its cells. The "border-style" property allows you to specify various styles such as "solid", "dotted", "dashed", "double", and more....
GeeksforGeeks
geeksforgeeks.org › html › how-to-create-table-border-in-html
How to Create Table Border in HTML ? - GeeksforGeeks
July 23, 2025 - <table style="border: 3px solid black; border-collapse: collapse;"> Example: The below example uses HTML Inline Styling to create a table border in HTML.