zoukankan      html  css  js  c++  java
  • CSS实现圆角六色渐变自适应按钮

    Css代码

    .g_a{display:-moz-inline-stack; display:inline-block; border-bottom:1px solid #cccccc; border-top:1px solid #e1e1e1; background:#f9f9f9; text-decoration:none;}
    .g_b{float:left; border-left:1px solid #dadada; border-right:1px solid #cecece; padding:1px 0; margin:0 -1px; position:relative;}
    .g_c{float:left; border-left:1px solid #dadada; border-right:1px solid #cecece; margin:0 -2px; background:#f4f4f4; position:relative;}
    .g_d{display:block; line-height:4px; background:#f7f7f7; border-bottom:4px solid #f6f6f6; border-top:8px solid #f8f8f8;}
    .g_e{display:block; line-height:16px; border-bottom:4px solid #f2f2f2; border-top:4px solid #fafafa; margin-top:-16px; padding:0px 12px; font-size:12px; color:#666666; cursor:pointer;}
    .g_a:hover{text-decoration:none; background-color:#f7f7f7; color:#333333;}
    .g_a:hover .g_c{background-color:#f2f2f2;}
    .g_a:hover .g_d{border-bottom-color:#f4f4f4; background-color:#f5f5f5; border-top-color:#f7f7f7;}
    .g_a:hover .g_e{border-bottom-color:#f0f0f0; border-top-color:#f8f8f8;}

    Html代码

    <a href="javascript:void(0);" class="g_a vm">
    <span class="g_b">
    <span class="g_c">
    <span class="g_d"> </span>
    <span class="g_e">就是你了</span>
    </span>
    </span>
    </a>

  • 相关阅读:
    ASP.Net MVC的一个开源框架
    MS CRM 2011 RC中的新特性(8)
    在.NET4中用 jQuery 调用 WCF
    Web打印的在线设计
    MVC3.0RTM版本
    手机刷卡二维码
    Jla框架
    微软Windows Azure Platform技术解析
    缓存应用Memcached分布式缓存简介
    领域驱动设计(DDD)的理论知识
  • 原文地址:https://www.cnblogs.com/huangf714/p/5864345.html
Copyright © 2011-2022 走看看