同学你是没有设置 border的样式，只定义宽度和颜色都是不管用的，线条的样式（border-style）是必须有的
border-style: 可以有4个样式，dotted、solid、double、dashed
dotted 定义点状边框。在大多数浏览器中呈现为实线。
solid 定义实线
double 定义双线。双线的宽度等于 border-width 的值。
dashed 定义虚线。在大多数浏览器中呈现为实线。
可以这么简写
.clas:after{
content:"吗？"
border:#F00 10px solid/*颜色 宽度 实线*/
}
还有CSS :after 伪元素可以参考
http://www.w3school.com.cn/css/pr_pseudo_after.asp
:after 伪元素在元素之后添加内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。
所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。
h1:after
{
content:url(beep.wav)
}
此样式会在每个 h1 元素之后播放一段声音：
<style type="text/css">
h1:after {content:url(/i/w3school_logo_white.gif)}
</style>
<h1>This is a heading</h1>
这是在h1后面插入一张图片，但IE
