How to set border color by css
This article mainly shows you "css how to set the border color", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to set the border color" this article.
Methods: 1, border-color property sets the color of four borders at the same time; 2, border-top-color, border-bottom-color, border-left-color, border-right-color properties set the upper and lower left and right borders respectively.
The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.
Css sets the border color
Method 1: use the border-color property to set the color of four borders at the same time
The border-color property is an abbreviated attribute that sets the color of visible parts in all borders of an element.
Box {width: 280px; height: 62px; border-style:solid; border-color: red;} Welcome to!
Method 2: set the upper and lower left and right borders respectively
Border-top-color attribute: upper border color
Border-bottom-color property: bottom border color
Border-left-color attribute: left border color
Border-right-color attribute: right border color
.box {width: 280px; height: 62px; border-style:solid; border-top-color:red; border-bottom-color:paleturquoise Border-left-color:palevioletred; border-right-color:darkcyan;} Welcome to! The above is all the content of the article "how to set Border Color in css". 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!
