有没有办法使这个CSS风格简单

时间:2011-03-22 03:46:32

标签: html css optimization shorthand

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

右边与底部相同......

4 个答案:

答案 0 :(得分:17)

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

答案 1 :(得分:3)

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

试试这个,这个更有意义。

答案 2 :(得分:1)

设置顺时针方向。所以第一个数字是向上,第二个是右边,第三个是底部,第四个数字是左边界。

答案 3 :(得分:0)

border:1px solid#8fa6b9;

border-left-color:#2b5a82;

border-top-color:#2b5a82;