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------------------------------------

  • 相关阅读:
    耿建超英语语法---使动词
    tensorboard的安装及遇到的问题
    利用PIL实现图片的切割
    mysql explain
    laravel sql查询
    聚簇索引和非聚簇索引
    修改数据表结构导致的问题
    接口优化记录
    redis优化记录
    php 判断两个数组是否相等
  • 原文地址:https://www.cnblogs.com/yumeixin/p/5566511.html
Copyright © 2011-2022 走看看