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

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!

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.