一种类似页脚的展示方法

效果图：


index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<span class="page">10</span>
</body>
</html>
style.css
.page {
	font-size: 24px;
	color: red;
}
.page:before {
	content: '共';
	font-size: 14px;
	margin-right: 5px;
	color: #333;
}
.page:after {
	content: '页';
	font-size: 14px;
	margin-left: 5px;
	color: #333;
}



posted @ 2017-07-21 13:56  zc的救赎  阅读(134)  评论(0)    收藏  举报