2010-04-02 161 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; }