2010-04-02 164 views

回答

0

如果Firebug的輸出對你來說太多了,你可以閱讀上面鏈接的blog post,它解釋瞭如何創建這些按鈕。

0

這些按鈕的CSS既位於頁面的頭部,也位於名爲global.css的外部樣式表中。這個按鈕和所有按鈕的大部分視覺變化都是頁面頭部樣式中的頁面,如果你想複製這個功能,你需要從這個頁面的頭部複製所有的CSS,以及導致按鈕反射到您的頁面的.png覆蓋圖像。確保你在你的文檔中提到了css的原作者,並且在它應該到期的地方給出信用。

希望幫助

1

喲可以在螢火蟲中做到這一點:

按鈕元素有一個類,但其他元素也影響按鈕的視覺效果。這裏是所有的CSS從一個按鈕的屬性(由螢火蟲):

.large.awesome,.large.awesome:訪問 {字體大小:14px的; padding:8px 14px 9px; }

.awesome,.awesome:訪問, .medium.awesome, .medium.awesome:訪問{ 字體重量:粗體;行高:1; text-shadow:0 -1px 1px rgba(0,0,0, 0.25); }

.awesome,.awesome:visited { -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); background:url(「/ images/alert-overlay.png」) repeat-x scroll 0 0#222222; border-bottom:1px solid rgba(0,0,0, 0。25);顏色:#FFFFFF;光標:指針;顯示:內聯塊; 位置:相對; text-decoration:none; }

a {outline:0 none; }

H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE, 預,一個,簡稱,縮寫,地址,引用 代碼,IMG,小,擊,子,SUP, TT, dd,dl,dt,li,ol,ul,fieldset, 表格,標籤,圖例,按鈕,表格, td {border:0 none; font-family:inherit; font-style:normal;餘量:0; text-align:left; }