HTML与CSS学习 day7

• 圆角边框

 border-radius: 15px;

圆形 先写一个正方形边框 border-radius: 50%;或者 border-radius: 高或宽的一半;

圆角矩形 border-radius: 高度的一半;

自定义圆角
按照左上 右上 右下 左下 顺时针顺序
border-radius: 5px 10px 15px 40px;

两个数值代表 对角线 左上-右下 右上-左下
border-radius: 20px 40px;

border-top-left-radius: 30px;
border-top-right-radius: ;
border-bottom-right-radius: ;
border-bottom-left-radius: ;

• 盒子阴影
  box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.3);
  水平位置 垂直位置 模糊虚实 阴影的大小 颜色
  盒子阴影不占空间 不会影响其他盒子排列