How to use the bordercolor attribute of css

CSS border-color property purpose: Set the color of the element border. Syntax: border-color: [color value] [color value] [color value] [color value] Single border color: Set all borders to the same color. Multiple border colors: the order is: top, right, bottom, left, different colors can be specified.

CSS border-color property

Usage:

border The -color attribute is used to set the color of the element's border.

Syntax:

<code>border-color: <color-value> [ <color-value> <color-value> <color-value> ];</code>

Parameters:

• ## : Valid CSS color value, for example:

  Hex (for example:
  • #FF0000)
  RGB (for example:
  • rgb (255, 0, 0))
  RGBA (for example:
  • rgba(255, 0, 0, 0.5))
  Color name (for example:
  • red, blue)

Usage:

• Single border color: Set the color of all borders to the same color.

  <code class="css">border-color: #FF0000;</code>

  Copy after login

• Multiple border colors: Set the colors of different borders, in clockwise order: top border, right border, bottom border, left border.

  <code class="css">border-color: #FF0000 #00FF00 #0000FF #FFFF00;</code>

  Copy after login

Example:

<code class="html"><div style="border-color: red;">...</div></code>

Output:

<code class="html"><div style="border-color: red green blue yellow;">...</div></code>

Output:

The above is the detailed content of How to use the bordercolor attribute of css. For more information, please follow other related articles on the PHP Chinese website!