柳暗花明笔记

    css写出来的按钮

    所属分类:[ php&web ] 猫哲学家 发表于:2013-07-08 15:21 浏览:471

    <style>
    .btn{
    color: #ffffff;
    font-size: 18px;
    line-height: 36px;
    width: 160px;
    padding: 5px 20px;
    margin: 80px auto;
    border-radius: 5px;
    background:-webkit-gradient(linear,left top,left bottom,from(#36b6e7),to(#2278cb));
    background:-moz-linear-gradient(top,#36b6e7,#2278cb);
    background:-o-linear-gradient(top,#36b6e7,#2278cb);
    background:-ms-linear-gradient(top,#36b6e7,#2278cb);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#36b6e7′,endColorstr=’#2278cb’);
    background:linear-gradient(top,#36b6e7,#2278cb);
    border:1px solid #55d9f2;
    text-transform: uppercase;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 0 1px #1469a0,0 0 10px rgba(0,0,0,0.15);

    }

    .btn .icon-thumbs-up{
    font-size: 24px;
    margin-right: 10px;
    }
    </style>

    <div class="btn"><i class="icon-thumbs-up"></i> like this post</div>


    上一编文章 grep查找文件内容,但忽略.svn文件 下一编文章 神奇的__doRequest
    最近文章
    发表评论