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>

    不多说了直接上代码




  • 相关阅读:
    简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法
    适配器模式(Adapter Pattern)
    什么样的登录框才算是优秀的?
    transient的作用及序列化
    MySQL索引实现原理
    concurrentHashMap原理分析和总结(JDK1.8)
    HashMap实现原理(JDK1.8)
    深入理解Java中的IO
    多线程系列
    多线程系列
  • 原文地址:https://www.cnblogs.com/coolwind/p/1671811.html
Copyright © 2011-2022 走看看