使用边框和背景

应用边框样式

1. 定义边框宽度 border-width
2. 定义边框样式 border-style
3. 定义边框颜色 border-color
4. 为一条边框应用边框样式 border-xxx-width,border-xxx-style,border-xxx-color(xxx:top,bottom,left,right)
5. border简写属性
   1. border 设置所有边框
   2. border-top,border-bottom,border-left,border-right 设置一条边框
6. 圆角边框 border-radius设置四个角，例border-radius: 20px / 15px

设置元素背景

1. 背景颜色 background-color
2. 背景图片 background-image
3. 背景重复 background-repeat
4. 背景图片尺寸 background-size 长度值，百分数，预定义值（contain，cover，auto）
5. 背景图片位置backgrou-position 长度：距左边界，顶部边界的距离
6. 背景的附着方式 background-attachment : 
   1. fixed 背景固定倒视窗上，内容滚动时，背景不动
   2. local 背景附着到内容上，背景随着内容一起滚动
   3. scroll 背景固定到元素上，不会随内容一起滚动
7. background-origin指定背景起始点 border-box , padding-box , content-box
8. background-clip决定了背景绘制区域，值同上，以外的内容不显示
9. background : <background-color> <background-position> <background-size> <background-repeat> <background-origin> <background-clip> <background-attachment> <background-image>

创建盒子阴影

box-shadow : hoffset voffset blur spread color inset

可以在一条box-shadow声明中定义多个阴影，用逗号隔开

应用轮廓

outline : <颜色> <样式> <宽度>