Home>Article>Web Front-end> How to set the border style of html table with CSS
How to set the table border style: 1. Add the "border: border width, border style, border color" style to the table element to set the border style for the entire table; 2. Add "border: border width" to the td element Border style "Border color" style, you can set the border style for each cell.
The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.
Setting the CSS style border on the table is divided into several situations:
1. Set the border only on the table
2. Set the td Border
In order to facilitate observation, all case tables are set to a 1px solid red border as an example; the table width is 400px; the table is three columns and three rows. In the above cases, a p box is added to the outer layer of the table and named respectively. For ".table-a", ".table-b".
1 | 2 | 3 |
1 | 2 | 3 |
4 | 5 | 6 |
Effect:
2. Set the border for td
For table table td Set the border style. The td within the table object will implement the border style, but the middle td will cause double borders to appear. Corresponding css code Corresponding html source code fragment1 | 2 | 3 |
1 | 2 | 3 |
4 | 5 | 6 |
##Learning video sharing:
css video tutorialThe above is the detailed content of How to set the border style of html table with CSS. For more information, please follow other related articles on the PHP Chinese website!