Table shows the border code you want to display

Table shows the border code you want to display

Common properties of tables

The basic attributes are: width (width), height (height), border (border value), cellspacing (the inner width of the table, that is, the interval between the table and tr), cellpadding (the interval between elements in the table, that is, the interval between tr and tr), bordercolorlight (the light border color of the table), bordercolordark (the dark border color of the table), bgcolor (the background color of the table), background (the background image of the table), bordercolor (the color of the table border)

Properties of the internal separator line of the table

The parameter rules is used, which has three values ​​(cols, rows, none).

When rules=cols, the table will hide the horizontal separator lines, that is, we can only see the columns of the table;

When rules=rows, the vertical separator line is hidden, that is, we can only see the rows of the table;

When rules=none, the vertical and horizontal dividers will be hidden, and we can only see the outer frame of a table.

Table outer separator properties

The display and hiding of the table's outer border can be controlled by the frame parameter. Note: This only works on the outer borders of the table, not on the internal edges or lines.

Only show the top border <table frame=above>

Only show the bottom border <table frame=below>

Only show left and right borders <table frame=vsides>

Only display the top and bottom borders <table frame=hsides>

Only show the left border <table frame=lhs>

Only show the right border <table frame=rhs>

Do not display any border <table frame=void>

XML/HTML CodeCopy content to clipboard
  1. < table   summary = "Student list, including student number, name, contact number, and address." >   
  2.      < caption > Student list </ caption >   
  3.      < thead >   
  4.          < th   scope = " col " > Number </th>   
  5.          < th   scope = " col " > Name </th>   
  6.          < th   scope = "col" > Contact phone number </ th >   
  7.          < th   scope = " col " > Address </th>   
  8.      </ thead >   
  9.      < tfoot >   
  10.          < td   colspan = "4" > Class Teacher: </ td >   
  11.      </ tfoot >   
  12.      < tbody >   
  13.          < tr >   
  14.              < td > 1 </ td >   
  15.              < td > Jamson </ td >   
  16.              < td > 123-45678 </ td >   
  17.              < td > No. XX, XX District, XX City </ td >   
  18.          </ tr >   
  19.          < tr >   
  20.              < td > 2 </ td >   
  21.              < td > Grace </ td >   
  22.              < td > 123-45678 </ td >   
  23.              < td > No. XX, XX District, XX City </ td >   
  24.          </ tr >   
  25.          < tr >   
  26.              < td > 3 </ td >   
  27.              < td > Dizzy </ td >   
  28.              < td > 123-45678 </ td >   
  29.              < td > No. XX, XX District, XX City </ td >   
  30.          </ tr >   
  31.      </ tbody >   
  32. </ table >       

<<:  Implementation steps of mysql master-slave replication

>>:  Overview of the definition of HTC components after IE5.0

Recommend

MySQL learning database backup detailed explanation

Table of contents 1.DB,DBMS,SQL 2. Characteristic...

The basic principles and detailed usage of viewport

1. Overview of viewport Mobile browsers usually r...

Two examples of using icons in Vue3

Table of contents 1. Use SVG 2. Use fontAwesome 3...

XHTML introductory tutorial: Web page Head and DTD

Although head and DTD will not be displayed on th...

MySQL database import and export data error solution example explanation

Exporting Data Report an error SHOW VARIABLES LIK...

Query the data of the day before the current time interval in MySQL

1. Background In actual projects, we will encount...

Use nginx to configure domain name-based virtual hosts

1. What is a virtual host? Virtual hosts use spec...

Implementation method of Nginx+tomcat load balancing cluster

The experimental environment is as follows Here y...

How to find and delete duplicate rows in MySQL

Table of contents 1. How to find duplicate rows 2...

How to run top command in batch mode

top command is the best command that everyone is ...

In-depth analysis of the diff algorithm in React

Understanding of diff algorithm in React diff alg...

Steps to export the fields and related attributes of MySQL tables

Need to export the fields and properties of the t...

XHTML Tutorial: The Difference Between Transitional and Strict

In fact, XHTML 1.0 is divided into two types (thr...