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

React configuration px conversion rem method

Install related dependencies npm i lib-flexible -...

How to write transparent CSS for images using filters

How to write transparent CSS for images using filt...

Best Practices Guide for MySQL Partitioned Tables

Preface: Partitioning is a table design pattern. ...

Nginx content cache and common parameter configuration details

Use scenarios: The project's pages need to lo...

Complete steps to achieve high availability with nginx combined with keepalived

Preface In order to meet the high availability of...

What does the n after int(n) in MySQL mean?

You may already know that the length 1 of int(1) ...

How to view and terminate running background programs in Linux

Linux task management - background running and te...

Scoring rules of YSlow, a webpage scoring plugin developed by Yahoo

YSlow is a page scoring plug-in developed by Yaho...

Some problems you may encounter when installing MySQL

Question 1: When entering net start mysql during ...

Code to enable IE8 in IE7 compatibility mode

The most popular tag is IE8 Browser vendors are sc...