How to use CSS to set borders only for table labels

Many friends are very worried about how to set the table style. Today I will explain to you in detail how to set the css table style. Let’s talk about a method first, which is to set the border only for the table. Later, I will show you how to set other elements of the table. Please stay tuned

Only setting the border style for the table tag will give the outermost table of the table a border, but there will be no border inside the table. Generates a border style.

The case details are as follows:

1. Corresponding css code

c9ccee2e6ea535a969eb3f532ad9fe89 .table-a table{border:1px solid #F00} /* css Note: Only set the red border style for the table tag */ 531ac245ce3e4fe3d50054a55f265927

2. Corresponding html code snippet

1. Corresponding css code

2. Corresponding html code snippet

 
 
 
站名
 
网址
 
说明
 
 
 
PHP
 
m.sbmmt.com
 
CSS学习
 
 
 
CSS5
 
m.sbmmt.com
 
CSS切图
 
 
 

This is how CSS sets the border only for the label of the table. Have you learned it?

Related reading:

Using DIV and CSS to make a drop-down menu

css3 example of implementing shadow effect

Some points to pay attention to in css layout

The above is the detailed content of How to use CSS to set borders only for table labels. For more information, please follow other related articles on the PHP Chinese website!