How to use the border-colors attribute in css
This article is about how to use the border-colors attribute in css. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.
Border-colors syntax:
-moz-border-left-colors: color value; for the border-colors attribute, we should pay attention to three points:
1. If border-width is w pixels, it means that the border can have several colors, but only if each color is the only width of the color limit.
two。 Because border-colors cannot be used by all browsers, we put a-moz- in front of the code.
3. We can't set the color of four sides at the same time, but we can divide it into four sets of colors for four sides.
Example:
one
two
three
four
five
six
seven
eight
nine
ten
eleven
twelve
thirteen
fourteen
fifteen
sixteen
seventeen
eighteen
nineteen
twenty
twenty-one
twenty-two
twenty-three
twenty-four
CSS3 border-colors attribute
# div1
{
Width:200px
Height:100px
Border-width:5px
Border-style:solid
-moz-border-top-colors:red orange yellow green cyan blue purple
-moz-border-right-colors: red orange yellow green cyan blue purple
-moz-border-bottom-colors: red orange yellow green cyan blue purple
-moz-border-left-colors: red orange yellow green cyan blue purple
}
Specific code effect:
Thank you for reading! This is the end of this article on "how to use the border-colors attribute in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!
