HTML table Border Settings tips

Source: Internet
Author: User
Tags modify
For many beginners of HTML, table

is the most commonly used tag, but for the control of table borders, many beginners do not have their solution.

For many beginners of HTML, table

is the most commonly used tag, but for the control of table borders, many beginners do not have their solution.

Generally we use the table when it will always give it a border attribute, such as:

Id NAME GENDER
1001 Mike Male

You can find that the table border seems very wide, of course, the "very wide" is definitely not the width of the table border, we see that the width should be between the gap caused. Therefore, only need to modify the table's CellSpacing property, namely:

Id NAME GENDER
1001 Mike Male

However, as if the width is not as we think: only one pixel wide, in fact, the above figure is actually two pixels wide, why, because the border between is not caused by overlap. To modify the Border-collapse property of the table,

namely

Id NAME GENDER
1001 Mike Male

Add a color to the table,

Id NAME GENDER
1001 Mike Male


Related Article

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.