zoukankan      html  css  js  c++  java
  • 关于自适应宽度圆角的最简单的解决办法



    这是用CSS的方式来完美解决的。
    css部分
     body {
          background
    :#fff;
          padding
    :20px;
          color
    :#000;
          font-family
    :Arial,sans-serif;
          font-size
    :12px;
          line-height
    :1.3;
          
    }
        
    /* Start custom button CSS here
        ---------------------------------------- 
    */
        .btn 
    {
          display
    :inline-block;
          background
    :none;
          margin
    :0;
          padding
    :3px 0;
          border-width
    :0;
          overflow
    :visible;
          font
    :100%/1.2 Arial,Sans-serif;
          text-decoration
    :none;
          color
    :#333;
          
    }
        .btn span 
    {
          background
    :#ddd;
          margin
    :0;
          padding
    :3px 0;
          border-left
    :1px solid #bbb;
          border-right
    :1px solid #aaa;
          
    }
        * html .btn span 
    {
          padding-top
    :0;
          
    }
        .btn span span 
    {
          position
    :relative;
          padding
    :3px .4em;
          border-width
    :0;
          border-top
    :1px solid #bbb;
          border-bottom
    :1px solid #aaa;
          



    <p><href="#" class="btn"><span><span>四川攀枝花</span></span></a> &nbsp;中国</p>

    不多说了直接上代码




  • 相关阅读:
    字母图形
    IBM CEO罗睿兰:科技公司屹立百年的3个秘诀
    Uva 1331
    js 推断字符串是否包括某字符串
    Verilog堵塞赋值与非堵塞赋值
    tabBar颜色改动
    零基础学python-4.2 其它内建类型
    怎样给你的Android 安装文件(APK)瘦身
    Ambari-部署常见问题
    ops
  • 原文地址:https://www.cnblogs.com/coolwind/p/1671811.html
Copyright © 2011-2022 走看看