What is the use of the cellspacing attribute of the table tag? An article to let you understand the cellspacing property-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

What is the use of the cellspacing attribute of the table tag? An article to let you understand the cellspacing property

寻∝梦

Aug 31, 2018 am 11:45 AM

cellspacing html table

This article mainly introduces examples of the role of the cellspacing attribute of HTML table tags, and uses examples to analyze the value and syntax specifications of the cellspacing attribute of HTML table tags. Next, let’s take a look at this article

First let’s take a look at the use of the cellspacing attribute of the HTML table table tag:

The cellspacing attribute specifies the number of cells the space between.

Note: Do not confuse this property with the cellpadding property, which specifies the space between the cell edge and the cell content.

Attribute value of cellspacing attribute:

pixels: Specifies the space between cells.

Let’s look at an example below:

The following example sets the table cell spacing to 20 pixels:

<table border="5" cellspacing="20">
  <tr>
    <th>表头</th>
    <th>表头1</th>
  </tr>
  <tr>
    <td>PHP中文网</td>
    <td>200</td>
  </tr>
</table>

Copy after login

I set the cellspacing attribute value Set it to 20, let’s see the effect:

What is the use of the cellspacing attribute of the table tag? An article to let you understand the cellspacing property

##This picture is also very clear, but for better observation, let’s take another example:

<html>
   <head>
       <title>php中文网</title>       
    </head>
    <meta charset="utf-8">
    <body>
        <table border="5" cellspacing="20" width="300">
        <tr>
        <td>11</td>
                <td>12</td>
                <td>13</td>
        </tr>
        <tr>
        <td>21</td>
                <td>22</td>
                <td>23</td>
        </tr>
         </table>
    </body>
</html>

Copy after login

Now let’s take a look at the effect:

What is the use of the cellspacing attribute of the table tag? An article to let you understand the cellspacing property

Is this effect very obvious? The cell spacing is set to 20 pixels and the width is also widened a lot, so It's very clear just by looking at it.

Summary of the cellspacing attribute of the HTML table tag:

This is how the cellspacing attribute is used in the table tag. Normally we use tables to To make it look better, you need to use the cellspacing attribute. This attribute is much better for filling the inner box than filling it with other things. Although the current HTML5 does not support this attribute, in daily life that is not HTML, I still prefer this. attribute.

Okay, this article ends here (if you want to learn more, welcome to the PHP Chinese website, where there are free online tutorials for any programming language you want to learn.), if you have any questions, you can leave them below message.

【Editor's Recommendation】

html Two-point summary of the difference between header tag and footer tag (with examples of element differences)

##HTML button tag whether there is a hyperlink? Here is an example of setting a hyperlink on a button tag

The above is the detailed content of What is the use of the cellspacing attribute of the table tag? An article to let you understand the cellspacing property. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn