HTML圆角与浮动

box-shadow 设置元素的阴影效果，不会影响到页面的布局

参数：

1：水平偏移量 可正可负 必填

2：垂直偏移量 可正可负 必填

3：模糊半径 可填

4：颜色 一般用rgba

 .box1{  
            background-color: red;
                text-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
        }

border-radius ：设置圆角

可以写四个值

border-radius: 50%;设置圆形

.box2{  
               background-color: green;
               /* border-radius: 50px; */
               border-radius: 50%;
        }

四个属性值顺序 左上 右上 右下 左下

三个值： 左上 右上左下 右下

两个值： 左上右下 右上左下

                 一个值： 共用

border-radius: 10px 20px 30px 40px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;

浮动

块元素在文档流中默认是垂直排列的

    如果希望块元素横向布局，可以用float

       float 可以使元素浮动，向父元素的左侧或右侧浮动，脱离文档流

         可选值: none 默认值   不浮动