Question

分割线是一张图片，html5怎样做出这样的效果

Answer 1

<div class="aa">asdf</div>

CSS部分：

body {
background-color: #282828
}
.aa {
width: 200px;
height: 390px;
}
.aa:after {
content: "";
display: block;
width: 0;
height: 100%;
border-left: 1px solid #3c3c3c;
border-right: 1px solid #1d1d1d;
}

其实就是给:after增加左边和右边，左边的边框的颜色稍浅些，右侧的边框的颜色稍重些，就能够做出这种具有立体感的线条。