2012-09-12 101 views
0

我需要一些幫助爲A元素設置邊框頂部。正如你所看到here按鈕,這是一個風格的元素,有A元素中的邊框頂部

<hr> 

定位絕對,然後從頂部移到底部,以實現行爲,但這項工作對於此按鈕(注意寬度:85%在人力資源部),但如果我想在所有網站的其餘按鈕的相同行爲,那麼這種方法不會工作,導致寬度:85%。所以我的問題是:有可能獲得相同的行爲爲A元素設置邊框頂部?邊框頂部必須與主按鈕具有相同的寬度,但留出一個填充:0 5px,因爲您可能會注意到。

感謝和歡呼聲提前

回答

1

是,使<a>行爲就像一個塊級元素:

a{ 
    display:block; 
    border-top: 2px solid #FCC; 
} 

這會給頂部邊框,顏色一樣的HR,在所有<a>元素你的HTML。

,或者你可以只將其應用到你對<a>標籤已經在你的按鈕類:

.button{ 
    display:block; 
    border-top: 2px solid #FCC; 
} 
+0

感謝@ryan使用您的建議,並與其他一些改變現在的工作,代碼看起來像'.button {background:url('../ images/comvivem/button_primary.png')repeat-x 0 0; height:23px; width:auto; border:1px solid#FBDCA5; padding:0; text-align:center} .button a {font-family:'Tahoma',sans-serif; font-size:11px; color:#000; cursor:pointer; font-weight:400; line-height:16px; display:block; border-top :1px solid #FFCCCC; margin:2px 3px 0;}' – ReynierPM

+0

是的,沒問題。很高興它爲亞:-) – Ryan

+0

你能幫我把相同的行爲應用於按鈕或輸入類型=「SUBMIT」元素?我可以應用所有,但不是在A元素中定位的邊框頂部:( – ReynierPM