用css样式设置元素的轮廓，其实就是为元素添加边框的意思
CSS样式代码当中，表示边框的代码是border，它是一个复合属性，包含边框的粗细、颜色、线型（实线、虚线、点线等），具体你可以查看这个样例：
<style>.h5course {
border: 1px solid red
}
</style>
<div class="h5course">使用CSS样式实现元素的轮廓（边框）添加</div>
代码含义为，为类名为h5course的元素，增加1像素红色边框
如果对选择器、边框（隶属于盒模型知识）不是太了解的话，建议选本书系统的学一学，如：《HTML5布局之路》《Head Frst HTML》等都是不错的选择
css outline：定义和用法。
outline-style 属性用于设置元素的整个轮廓的样式.样式不能是 none,否则轮廓不会出现。
outline （轮廓）是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用.outline 属性设置元素周围的轮廓线。
注释：请始终在 outline-color 属性之前声明 outline-style 属性.元素只有获得轮廓以后才能改变其轮廓的颜色。
注释：轮廓线不会占据空间,也不一定是矩形。默认值：none。
不可以被子元素继承的属性：
1、display：规定元素应该生成的框的类型
2、文本属性：
vertical-align：垂直文本对齐
text-decoration：规定添加到文本的装饰
text-shadow：文本阴影效果
white-space：空白符的处理
unicode-bidi：设置文本的方向
3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
4、背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment
5、定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
6、生成内容属性：content、counter-reset、counter-increment
7、轮廓样式属性：outline-style、outline-width、outline-color、outline
8、页面样式属性：size、page-break-before、page-break-after
9、声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during
