伪类before、after的使用（实现下划线与图标）

很多图标或者下划线可以使用伪类来实现。

以before为例。after同理

.line:before {
		content: " ";
        //content 这个是必填项，没有就不会有效果
		//display: inline-block; 这些都按照样式来写
		//position: relative; 不是必填项
		right: 5px;
		top: 4px;
		width: 8px;
		height: 3px;
		border-radius: 4px;
		background-color: pink;
	}

可以在页面添加一些小效果，也能添加下划线。