圆角边框、盒子和文字阴影

学习笔记

学习来源：黑马前端p162-168
学习天数：day6

---

---

一、圆角边框

语法：

border-radius:length;

简写语法：
顺时针
上左 上右 下右 下左

border-radius:border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius 

四个值：顺时针转
两个值 ：对角线，第一个值是上左和下右，第二个值是上右和下左

1.圆形
如果是一个正方形，想设置成圆，把数值设置为高度或宽度的一半，或直接写50%

border-radius:50%

2.圆角矩形
如果是个矩形，设置成高度的一半就行

二、盒子阴影

简写：
box-shadow:h-shadow v-shadow blur spread color

box-shadow:10px 10px 10px ragb(0,0,0,.3);

注意：
inset的默认值是outset，但是不能写这个词，否则导致阴影无效
2.盒子阴影不占空间，不会影响其他盒子排列

三、文字阴影

---

总结

例如：以上就是今天要讲的内容，本文仅仅简单介绍了圆角边框、盒子和文字阴影