Use border-collapse

Example analysis:

The border-collapse property is used to set whether the borders of the table are merged into a single border.

The attribute values that can be set are:

● Separate: Default value, the border will be separated; border-spacing and empty will not be ignored -cells property

●Collapse: If possible, borders will be merged into a single border; border-spacing and empty-cells properties will be ignored

Note: All major browsers support the border-collapse attribute; if !DOCTYPE is not specified, the border-collapse attribute may have unexpected effects.

Continuing Learning

new file

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> table { border-collapse: collapse; } table, td, th { border: 1px solid black; padding:10px 15px; } </style> </head> <body> <table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>Peter</td> <td>20岁</td> </tr> <tr> <td>Griffin</td> <td>23岁</td> </tr> </table> </body> </html>

submit Reset Code

Automatic operation

Use border-collapse

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]