网页尾部footer编写--小技巧
发布日期:2021-06-30 11:48:26 浏览次数:2 分类:技术文章

本文共 408 字,大约阅读时间需要 1 分钟。

加 “|” 的小技巧,效果图如上图

css

a{	text-decoration: none;}.linkes {	list-style: none;	margin: 20px 90px 5px 0;	padding: 0;	padding-bottom: 8px;	height: 18px;}.linkes>li {	display: inline-block;}/*li后面的li添加*/.linkes>li+li::before{	content: "|";    margin:0 8px;}/*ul>li::after {	content: ">";	font-size: 20px;	margin: 0 8px;}*/

 html

 

转载地址:https://jackiehao.blog.csdn.net/article/details/104133647 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:基于ECS搭建云上博客-具体步骤如下
下一篇:html+css+js实现的图片轮播图下方配文字可变图片可点击

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年04月26日 11时28分58秒