is there a way to make this css style simple

border-right:1px solid #8fa6b9;
border-bottom:1px solid #8fa6b9;
border-left:1px solid #2b5a82;
border-top:1px solid #2b5a82;

the right开发者_如何学Go is the same as the bottom......

border       : 1px solid;
border-color : #2b5a82 #8fa6b9 #8fa6b9 #2b5a82;

border: 1px solid #8fa6b9;
border-left-color: #2b5a82;
border-right-color: #2b5a82;

Try this, this one is more meaningful.

The settings goes clockwise. So first number is up, second right, third bottom and the fourth number is the left border.

border : 1px solid #8fa6b9;

border-left-color : #2b5a82;

border-top-color : #2b5a82;