zoukankan      html  css  js  c++  java
  • css3学习--border

    http://blog.sina.com.cn/s/blog_61671b520101gelr.html

    border-radius

    border-radius: 50px 20px;上下都是50px,左右是20px

    border-radius:50px 0px 30px; 上50px 左右0px 下30px;

    圆和椭圆的区别在于,椭圆的长短半轴不相等

    border-radius还可以用斜杠设置第二组值。这时,第一组值表示水平半径,第二组值表示垂直半径。第二组值也可以同时设置1到4个值,应用规则与第一组值相同

    即 border-radius: <length> <length> <length> <length>/<length> <length> <length> <length>

    看图比较清楚

    border-radius : 10px 30px 50px / 10px 30px 50px;此时是长短半轴相等

    border-radius : 50px/80px;

    border-radius : 10px  30px 50px / 30px 50px 70px;

     
     
     
     

                                border-right-color:#fff;   border-radius:50%;   如果全是border,width和height为0

     -------------------------------------box-shadow------------------------------------

  • 相关阅读:
    乐视电视修改五大图标
    Google Home Mini配置失败解决办法
    使用FreeHttp任意篡改http报文 (FreeHttp使用及实现说明)
    IDEA和VS快捷键对比
    C# 中的字符串内插
    在线运行.NET代码
    在Windows服务器安装ss服务端用于逃脱公司行为管理
    .NET Core的代码安全分析工具
    用DotNetDetour HOOK .net类库
    C#代码获取另一程序的错误提示,并关闭窗口。
  • 原文地址:https://www.cnblogs.com/yumeixin/p/5566511.html
Copyright © 2011-2022 走看看