前端学习9-轮廓/阴影/圆角/浮动

                                                                                                                                                                                                                                                                                                         2022/2/3

轮廓：
outline:balck 11px solid;   //会遮住其他元素 不会影响布局
border：balck 11px solid;   //会顶开其他元素 会影响布局
阴影：
      box-shadow:15px 15px     20px       blue;
//距离父元素原点的  x   y    阴影模糊程度    颜色
圆角：
border-dadius:10px 10px 10px 10px;  //左上角顺时针 
border-dadius:30px/20px;
//    椭圆    ：x/y

float:left/right/none  none:默认值，不浮动

元素浮动后，
1.元素脱离文档流，不占据文档流的位置
2.浮动后不会从父元素中移出
3.元素向左/右移动是不会超过前面设置的浮动元素（有顺序）
4.块元素浮动后不会独占一行

元素浮动后，后面如果接上文字（包括其他标签内的文字），文字不会被覆盖，会有文字环绕效果

标签：浮动,文字,圆角,前端,元素,10px,15px,border
来源： https://blog.csdn.net/m0_62542409/article/details/122782779