当前位置:  开发笔记 > 编程语言 > 正文

如何获得与Youtube相同的按钮?

如何解决《如何获得与Youtube相同的按钮?》经验,为你挑选了1个好方法。

http://www.youtube.com/

你看到"搜索buttoN".这太好了.



1> Matt..:

只要看看他们的CSS.

.yt-uix-button {
    height:2.0833em;
    border:1px solid #ccc;
    background:#f6f6f6;
    background-image:0;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    overflow:visible;
    padding:0 .5em;
}

.yt-uix-button:hover {
    -webkit-box-shadow: #999 0px 0px 3px;
    background: #F3F3F3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
    border-color: #999;
    outline: 0px;
}


我喜欢2.0833em按钮高度.
最糟糕的CSS练习的一个恶化的slimeheap.请不要使用这种垃圾.!
推荐阅读
Chloemw
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有