Home>Article>Web Front-end> Table style display using css
This article shows you several beautiful table styles, I hope you like it.
1. Single-pixel border CSS table
| Info Header 1 | Info Header 2 | Info Header 3 |
|---|---|---|
| Text 1A | Text 1B | Text 1C |
| Text 2A | Text 2B | Text 2C |
(Video tutorial recommendation:css video tutorial)
2. CSS style table with background image
| Info Header 1 | Info Header 2 | Info Header 3 |
|---|---|---|
| Text 1A | Text 1B | Text 1C |
| Text 2A | Text 2B | Text 2C |
3. CSS style table that automatically changes the color of the entire row (requires JS)
| Info Header 1 | Info Header 2 | Info Header 3 |
|---|---|---|
| Text 1A | Text 1B | Text 1C |
| Text 2A | Text 2B | Text 2C |
| Text 3A | Text 3B | Text 3C |
| Text 4A | Text 4B | Text 4C |
| Text 5A | Text 5B | Text 5C |
4. CSS style table highlighted by mouse hover (requires JS)
##
| Info Header 1 | Info Header 2 | Info Header 3 |
|---|---|---|
| Item 1A | Item 1B | Item 1C |
| Item 2A | Item 2B | Item 2C |
| Item 3A | Item 3B | Item 3C |
| Item 4A | Item 4B | Item 4C |
| Item 5A | Item 5B | Item 5C |
The above is the detailed content of Table style display using css. For more information, please follow other related articles on the PHP Chinese website!