Day05

一、垂直对齐方式
1.  vertical-align 属性

     vertical-align 是用来设置内联元素对齐方式的，针对的并不是自身的文字

     常用关键字值：

     vertical-align: middle;

     vertical-align: top;

     vertical-align: bottom;

     vertical-align: baseline; 会使img 的默认对齐值为基线对齐

     span属性在图片周围显示

<span>勇士</span>

    <div class="one">
        <img src="../img/图片/IMG_0019(20210501-041546).JPG" alt="">
    </div>
    <span>总冠军</span>

1.元素的四个角

   border-top-left-radius`左上角

   border-top-right-radius`右上角

   border-bottom-left-radius`左下角

   border-bottom-right-radius`右下角

2.圆角的取值

    水平边和垂直边设置相同

    1 个值代表四个角

    2 个值代表左上和右下，右上和左下

    3 个值代表左上，右上和左下，右下

    4 个值代表 左上，右上，右下，左下

    水平边和垂直边设置相同

    水平边圆角/垂直边圆角

3.圆形

  圆形：    元素宽高一致`border-radius: 50%;`

  椭圆形：元素宽高不一致  border-radius: 50%;

  胶囊型 ：border-radius: 高度的一半;

4.光标设置

  cursor: default;  箭头

   cursor: pointer;  手

   cursor: wait;  等待

   cursor: text;  文本

   cursor: crosshair;   十字

   cursor: progress;  箭头+等待

   cursor: help;  箭头+问号