How to set the color of table border in css

Today, the editor will share with you the relevant knowledge points about how to set the color of the table frame in css. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

The way to set the color of the table border in css is to add the border-color attribute to the table border and set the color of the table border as needed, such as [border-color:#ff0000 # 0000ff;].

This article operating environment: windows10 system, css 3, thinkpad T480 computer.

In our work, we often need to change the color of the table border, so how can we achieve this effect in css? It's actually very simple. Let's take a look at it.

Use attributes:

The border-color property sets the four border colors of an element.

Attribute value:

Color specifies the background color.

Transparent specifies that the color of the border should be transparent. This is the default.

Inherit specifies the color of the border, which should be inherited from the parent element

Code example:

P.one {border-style:solid; border-color:#0000ff;} p.two {border-style:solid; border-color:#ff0000 # 0000ffs;} p.three {border-style:solid; border-color:#ff0000 # 00ff00 # 0000ffs;} p.four {border-style:solid; border-color:#ff0000 # 00ff00 # 0000ff rgb;} One-colored border!

Two-colored border!

Three-colored border!

Four-colored border!

The running result is shown in the figure:

These are all the contents of the article "how to set the color of the table frame in css". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.