Home > Article > Web Front-end > How to set table border style with CSS
Today I will talk to you about how to set the border style of table with CSSTableThere are 4 situations in setting CSS style border for table. The following will explain in detail how to deal with these four situations.
1. Only set the border for table
2. Set the border for td
3. Set the table border skillfully for table and td
4. Set the background for table and td to achieve perfect table borders
The following is an explanation and case demonstration of the above several HTML table border styles. In order to facilitate observation, divcss5 sets all case tables to a 1px solid red border as an example; the table width is 400px; the table has three columns and three rows. For the above four cases, a div box is added to the outer layer of the table, and the CSS names are ". table-a", ".table-b", ".table-c", ".table-d".
Set the border only for the table label
Set the border (border) style only for the table label, which will give the outermost table of the table a border. The border style is not generated inside the table.
The case details are as follows:
1. Corresponding css code
2. Corresponding html code snippet
站名 网址 说明 PHP m.sbmmt.com php php m.sbmmt.com php
These are the methods for setting the table border style in CSS Friends who need it can save it, and please continue to pay attention to other updates of this site.
Related reading:
The above is the detailed content of How to set table border style with CSS. For more information, please follow other related articles on the PHP Chinese website!