2011-04-17 23 views
2

需要某些功課的幫助。我希望有人能夠幫助我,因爲我嘗試了所有組合,並沒有取得多大成功。我被要求簡化以下內容:指定邊框所需的最終CSS快捷方式

border-top: 1px solid #8B8BA2; 
border-left: 1px solid #8B8BA2; 
border-bottom: 1px solid #8B8BA2; 

任何人都有任何偉大的想法。我確實嘗試了以下方法,但它似乎並不奏效:

border: 1px solid none solid solid #8B8BA2; 

希望有人能幫助。

馬裏

回答

7

指定border屬性讓你一次指定所有邊框。由於四分之三的都是一樣的,指定各方面的邊框,然後刪除邊框爲一個它並不適用於:

border: 1px solid #8B8BA2; 
border-right: 0; 
+0

非常感謝你確實:-)你的回答工作 – Mariko 2011-04-17 08:41:47

-1

我覺得這是沒有任何幫助,你必須創建像邊界即

border-top:1px solid #8B8BA2; 
border-right: 0px; 
boreder-left:1px solid #8B8BA2; 
border-bottom:1px solid #8B8BA2; 

你必須指定所有邊界。

2

作爲SeanA的答案(+1)的補充,如果這是作業,你可能會被問到你是否真的知道速記邊界順序..所以雖然上面的作品也可以這樣回答,重新過後。

border: 1px solid #8B8BA2; 
border-width: 1px 0 1px 1px; 

第一宣佈所有邊界,第二個零是「正確」的邊框,四邊的符號..邊框(與邊距和填充)寫入Top - Right - Bottom - Left - TRBL和用於記住這個單詞是「TRBLé」或者你可以想到順時針:)

+1

另一種方式是短的,因此它我馬上獲勝。 ;) – DanMan 2011-04-17 09:19:28

+1

不關心獲勝,只是提供一個作業解決方案。我**親自**發現四個值比單詞更容易閱讀,但嘿它取決於編碼器..我沒有投票「競爭」的答案,就像我說過的並不總是關於贏得特別是在家庭作業階段;) – clairesuzy 2011-04-17 09:41:46

+0

我在試圖對懶惰的程序員進行一個有趣的評論時失敗了。因此:;) – DanMan 2011-04-17 10:00:29