border-right:1px solid #8fa6b9;
border-bottom:1px solid #8fa6b9;
border-left:1px solid #2b5a82;
border-top:1px solid #2b5a82;
右邊是一樣的底部......有沒有辦法讓這個CSS樣式簡單
border-right:1px solid #8fa6b9;
border-bottom:1px solid #8fa6b9;
border-left:1px solid #2b5a82;
border-top:1px solid #2b5a82;
右邊是一樣的底部......有沒有辦法讓這個CSS樣式簡單
border : 1px solid;
border-color : #2b5a82 #8fa6b9 #8fa6b9 #2b5a82;
border: 1px solid #8fa6b9;
border-left-color: #2b5a82;
border-right-color: #2b5a82;
試試這個,這是一個更有意義。
我不確定「更有意義」。它肯定有效,並且可能更容易被新手入門的人閱讀,但習慣了「頂部,右側,底部,左側」的語法在您理解後很有用並且易於閱讀。 – 2011-03-22 03:57:58
我知道它有點冗長。但是我說它很有意義,因爲它確實可以幫助初學者快速掌握css知識。 :P感謝upvote。 – 2011-03-22 04:03:12
設置順時針旋轉。所以第一個數字是上,第二個右邊,第三個底部,第四個數字是左邊框。
border:1px solid#8fa6b9;
border-left-color:#2b5a82;
border-top-color:#2b5a82;
+1你剛剛用CSS擴大了我的想法。謝謝。 – 2011-03-22 03:51:37
是的,這是正確的。好的速記... – Ravi 2011-03-22 03:51:53
它應該是:'邊界顏色:#2b5a82#8fa6b9#8fa6b9#2b5a82;'順時針從頂部開始。 – 2011-03-22 03:53:35