Shulou(Shulou.com)06/01 Report--

Editor to share with you how to set html5 table borders in different colors, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

In html5, you can use the "border-color" property to set table border lines to different colors, this property is an abbreviated property, you can set 1 to 4 values, respectively, to set the color of the four borders, the syntax is "border-color: upper border color, right border color, lower border color, left border color;"

The operating environment of this tutorial: windows10 system, HTML5 version, Dell G3 computer.

How to set different colors of table borders by html5

The border-color property sets the color of the four borders. This property can be set to 1 to 4 colors.

The border-color attribute is an abbreviated attribute that sets the color of visible parts of all borders of an element, or sets different colors for each of the four edges. Take a look at the following example:

Example 1

Border-color:red green blue pink

The upper frame is red.

The right border is green.

The bottom border is blue.

The left border is pink.

Example 2

Border-color:red green blue

The upper frame is red.

The right and left borders are green

The bottom border is blue.

Example 3

Border-color:dotted red green

The top and bottom borders are red.

The right and left borders are green

Example 4

Border-color:red

All four borders are red.

Keep in mind that the style of the border cannot be none or hidden, otherwise the border will not appear.

The above is all the contents of the article "how to set table borders with different colors in html5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.