Shulou(Shulou.com)06/03 Report--

This article mainly shows you "css how to remove the table border", the content is easy to understand, clear, hope to help you solve the doubt, the following let the editor lead you to study and learn "css how to remove the table border" this article.

Removal methods: 1, add "border:0;" style to table, th, td elements; 2, add "border-style:none;" style to table, th, td elements; 3, add "border:transparent;" style to table, th, td elements.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Here is an HTML document and a table

Name, age, Peter 20 Lois 20

You can see that table has borders, so what do you do if you want to remove the borders of the table? Here are several methods.

Method 1: add border: 0; style to table, th, td elements

Table,th,td {border: 0 } name, age, Peter 20 Lois 20

Effect picture:

Method 2: add border-style: none; style to table, th, and td elements

Table,th,td {border-style: none;}

Method 3: add border: transparent; style to table, th, and td elements

Table,th,td {border: transparent;}

The above is all the contents of the article "how to remove the borders of css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.