border-radius：按左上右上右下左下的顺序设置四个边框的角的半径
当元素的高度和宽度相同，圆角的半径为宽度的一半或直接设50%可以画个圆
设置一个值1就是所有的角都按值1变化
设置值1 值2 是设置了左上角和右下角的值1 右上角和左下角的值2
三个值呢？第一个值表示左上的弯曲程度 第二个表示右上角和左下角的圆润程度 第三个值表示右下角的圆角大小
你要设置边框圆角首先你得有边框吧？可不要忘了哦
box-shadow：（inset）x-offse空格y-offset空格blur-radius空格color分号
outset(外阴影是默认的，不用敲）inset内阴影
x-offset X轴位移指定阴影水平位移
y-offset
y轴位移，用来指定Y轴垂直位移量
blur-radius 模糊半径，向外模糊的范围
color 阴影所使用的颜色
刚才做练习实现样式的时候忘记设置行内元素display属性为inline-block了，上面的边框属性要设置宽高，要在行内实现的话，要把行内元素转换成块元素哦。
CSS3背景
background-size：宽空格高
值用背景区域的百分比或者px表示 第二个值不设置会变成auto，auto可不是100%
值为cover保持纵横比覆盖区域但是会被区域切割
值为百分百会展示全图并且覆盖背景区域但不会保持纵横比
值为contain保持纵横比但是不完全覆盖背景区域且图片会完全展示
background-origin：padding-box背景图相对于内边距定位（贴着内边距边）； border-box背景图相对于边框盒定位（默认）插到边框的内部了； content-box 图像贴着文字内容的边
background-clip：padding-box背景图在padding之外会被剪裁，但是orgin不会。 border-box图像被边框盖到的内容被剪裁掉，其余部分正常显示 content-box内容框区域以外的图案被裁剪掉
小练习时间~
1需求说明： 1、家用电器分类页面总宽度为 300px 2、大标题字体大小为 18px、白色、加粗显示，行距为35px，背景使用线性渐变3、电器分类字体大小为 14px、加粗显示，行距为 30px，背景使用线性渐变，电器分类超链接字体无下划线，鼠标移入出现下划线 4、分类内容字体大小为 12px，行距为 26px，超链接字体颜色为灰色、无下划线，鼠标移入时颜色为棕红色并且显示下
划线 效果如下图示：
需求说明： 1、页面宽度为 250px，整体居中显示，背景使用线性渐变及1px 的灰色圆角边框。 2、标题左侧的小图标以背景图像的方式实现，标题颜色为白色。3、使用无序列表实现开班信息列表，列表前的小三角箭头和下方的虚线均使用背景图像的方式实现。 4、列表超链接文本颜色为灰色、无下划线，当鼠标悬浮在超链接文本上时，字体颜色发生变化，无下划线。 5、具体效果如下
小小的实现一下~
希望疫情快点过去呀
挥挥~
