怎么实现图中快速登录那两条线的效果

Question

Answer 1

<style type="text/css"> p{ text-align: center; position: relative; width: 70px; margin: 0 auto; height: 20px; line-height: 20px; } p:before,p:after{ content: ""; display: block; width: 100px; height: 1px; background: #000; position: absolute; } p:before{ left: -100px; top: 10px; } P:after{ right: -100px; top: 10px; } </style> <p>快速登录</p>使用伪元素来实现横线，再用position进行定位

Answer 2

这个方法有很多，首先【快捷登录】可以是个图片，背景色与整个这个div的背景色相同，然后确定位置时候放在线上面就行；或者就直接【快捷登录】这个div用position:absolute这个属性，设置定宽高，就好了呀~不知道这么说，你能理解么？