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

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

<footer><ul class="linkes"><li><a href="javascript:;">关于我们</a></li><li><a href="javascript:;">服务条款</a></li><li><a href="javascript:;">加入我们</a></li><li><a href="javascript:;">联系我们</a></li><li><a href="javascript:;">隐私声明</a></li><li><a href="javascript:;">广告服务</a></li></ul>
</footer>

网页尾部footer编写--小技巧相关推荐

VS开发中的代码编写小技巧——避免重复代码编写的几种方法
原文:VS开发中的代码编写小技巧--避免重复代码编写的几种方法上一篇文章中程序员的幸福生活--有你的日子,每天都是情人节,收到了大家的很多好评.鼓励和祝福,非常感动,真诚的谢谢大家.也希望每个朋友都 ...
浏览器无需下载插件解决网页长截图的小技巧
作为前端开发人员,可能会经常需要截取一些网页的整张图片,大家平时可能使用计算机自带截图或者QQ.微信等截图快捷键来截取某部位图,实现不了全站长截图. 当然,360浏览器可使用快捷键 Ctrl+M 来截 ...
【CSS】CSS元素显示模式display + 网页单行文字垂直居中小技巧
写在前面,作者首页有前端专栏,详细分享相关知识,有兴趣的不妨点个收藏 ~~~~ CSS元素显示模式display 标签显示模式是标签以什么方式进行显示.HTML标签一般分为块标签和行内标签两种类型,它 ...
超实用的网页页脚设计小技巧
虽然网页页脚的设计在整个页面设计中并非最引人瞩目的部分,在需求中的优先级也不高,也不是整个网站设计的核心,但是它依然是整个网站不可或缺的部分. 一个好的网站页脚能够让用户找到有用的信息,更好地互动感. ...
python爬取网页汉字_程序小技巧：Python3借助requests类库3行代码爬取网页数据！快来...
爬取网页数据是python很长干的一件事情,不过做起来基本上都是很冗长的一段代码,看起来复杂,不宜理解.今天给大家分享一个小诀窍,利用python3中的requests类库进行爬取网页数据. 我们先看 ...
OpenWrt Luci编写小技巧
技巧一:在luci页面中执行shell命令方法一:获得标准输出流 luci.sys.exec("命令") 然后可以声明一个变量将标准输出内容保存起来,如下 local str = ...
网页JavaScript代码常用小技巧
消除表单加高问题 style="margin: 0" 如内容超出单元格,则隐藏 style="TABLE-LAYOUT: fixed" 让弹出窗口总是在最上面: ...
浏览器网页截屏实用小技巧
浏览器开发者工具中自带的截屏太方便了! 打开开发者工具,输入 ctrl + shift + P 快捷键,输入screenshot,出现了四个选项,分别是: 1.area screenshot - 区域 ...
淘宝天猫商家运营，宝贝标题如何突出卖点，标题编写方法小技巧
一.标题编写小技巧 1.总结买点宝贝标题编写时最重要的就是把商品最核心的卖点总结出来,然后可以挑选两三个重要的卖点融入到宝贝的标题中. 2.通俗易懂宝贝标题要通俗易懂,准确且清晰,Top猫工具,让 ...

网页尾部footer编写--小技巧

css

网页尾部footer编写--小技巧相关推荐

最新文章

热门文章