技術標籤：Css

效果如圖所示

基本佈局 和演示

<view class="address-line"></view>
<style>
	.address-line {
	margin-top: 100rpx;
	height: 8rpx;
	background-image: -webkit-linear-gradient(315deg,#82c9ff 8px,transparent 0,transparent 16px,#ff8282 0,#ff8282 32px,transparent 0,transparent 0,transparent 40
 
px,#82c9ff 0,#82c9ff);
	background-image: linear-gradient(135deg,#82c9ff 8px,transparent 0,transparent 16px,#ff8282 0,#ff8282 32px,transparent 0,transparent 0,transparent 40px,#82c9ff 0,#82c9ff);
	background-color: #fff;
	background-size: 136rpx 8rpx;
	}
</style>