今日学习
复习
1.背景
background-color background-image:url(’’)背景图片background-repeat背景图片重复方式
background-position设置背景图片位置
关键字 绝对单位 -200px -100px 可以实现css sprites技术，图片精灵技术
好处：减少访问服务器的次数 节约网络资源
实现：将所有使用背景图片的元素设置同一张背景图片，根据需要显示背景图片上不同位置上的内容background-origin设置背景图片开始的区域
padding-box从内间距开始绘制（默认）
border-box从边框区开始绘制
content-box从内容区开始绘制
background-clip背景图片的裁切
padding-box从内间距开始裁切
border-box从边框区开始裁切（默认）
content-box从内容区开始裁切
background-attachment设置背景图片的固定点
scroll默认值 背景图片随着滚动条滚动
fixed背景图片固定，即使内容滚动背景图片不滚动
background速写属性
[][][][
][][<>repeat]
background:fixed content-box red url(’’) center no-repeat;
哪个效率高
background-color:red;效率高
background:red
2.边框
borderborder-radius圆角边框 50%圆
border-top-left-radiousborder-top设置上边框
border-bottom设置下边框
border-width边框宽度
border-style边框样式
来源：CSDN
作者：jingruofanhua1
链接：https://blog.csdn.net/m0_46364358/article/details/104703476