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

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这个属性，设置定宽高，就好了呀~不知道这么说，你能理解么？