CSS Lieferadresse Parallelogramm Linienstil Beispielcode

// Linienstil des Parallelogramms der Lieferadresse <view class="top"></view>
	
	//Stil .top{
		Hintergrundfarbe: #fff;
    	Position: relativ;
	}
	.top:vorher{
		Position: absolut;
	    rechts: 0;
	    unten: 0;
	    links: 0;
	    Höhe: 2px;
	    Hintergrund: sich wiederholender linearer Farbverlauf (-45 Grad, #ff6c6c, #ff6c6c 20 %, transparent 0, transparent 25 %, #1989fa 0, #1989fa 45 %, transparent 0, transparent 50 %);
	    Hintergrundgröße: 80px;
	    Inhalt: "";
} 

<div Klasse="xiantiao">
  <div Klasse="Stadt" Stil="Margin-left:8px;"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt"></div>
  <div Klasse="Stadt" Stil="Margin-right:0px;"></div>
</div>

<Stil>
            .xiantiao{Breite:100%; Höhe:2px; Überlauf:versteckt;}
            .Stadt {
              Breite: 36px;
              Höhe: 2px;
              Rand rechts: 23px;
              Hintergrundfarbe: #44a5fc;
              Farbe: #333;
              Transformieren: Schrägstellung (-45 Grad);
              schweben: links;
            }
</Stil>