HTML页面内容底部添加The End标记代码和样式

温馨提示:文章已超过136天没有更新,可能存在链接失效,相关教程仅供参考

很多网站文章内容页面底部结尾都有一个The End标记,如何添加The End标记呢?其实很简单,只需在需要添加的地方添加一段代码和CSS样式即可实现The End标记,简单写个教程跟大家分享下如何在页面内容底部结尾添加The End标识代码和样式,同时也给有需要的同学提供一丢丢帮助

image.png

The End标记代码

<div class="post-end">
	<em>The End</em>
</div>

The End标记CSS样式

.post-end{
	color:#777;
    text-align: center;
	margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-end em{
	font-style: inherit;
	padding: 0px 20px;
}
.post-end::after,.post-end::before {
    content: "";
    background:#eee;
    max-width: 35%;
    height: 1px;
    flex: 1;
}


© 除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处

取消
微信二维码
微信二维码
支付宝二维码