outline & border

outline

CSS2出现，CSS3作了扩展，突出元素的作用

1.针对链接、表单控件和ImageMap等元素设计
2.不占用空间
3.轮廓封闭，不能单边设置
3.可能是非矩形（如果元素是多行，外轮廓线就至少是能够包含该元素所有框的外轮廓）
4.border只能向外扩展，outline创建的外轮廓线，可以通过outline-offset，向元素外部（正）或元素内部（负） 创建封闭的轮廓

基本语法

语法：
/* width | style | color */
outline: 1px solid white;

example

background-color：包括padding