borderでつくる
transform:skewで作る
平行四辺形を作るtransform:skewプロパティを使って実装します。transform:rotateで作る
要素そのものを傾けるtransform:rotateプロパティを使って実装します。clip-pathで作る
切り取る頂点の座標を指定して、要素そのものを切り出すことで斜めの線を実装するやり方。切り出された要素以外の部分は背景の色が見えるので、親contentにも背景色を指定しています。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac rutrum odio. Suspendisse volutpat varius nulla, sit amet posuere neque accumsan sit amet. In facilisis turpis vel ligula fermentum, ut consequat magna pharetra. Praesent sit amet nulla ligula.
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor. Integer volutpat congue felis, sit amet bibendum enim aliquet vitae. Suspendisse iaculis aliquet ligula, ut pharetra ante varius dignissim. Vivamus lacinia diam sit amet arcu vehicula dapibus sed in magna.
Cras sit amet dolor diam. Curabitur consectetur sollicitudin massa, sit amet laoreet lorem lacinia vel. Suspendisse consectetur velit mollis est varius, at egestas erat lobortis. Maecenas eu lobortis justo, eget volutpat sapien. Nam accumsan erat faucibus, pharetra odio eget, vehicula urna. Sed aliquet pellentesque ligula, id tempus mi hendrerit eget. Nam orci justo, faucibus ac risus eget, tincidunt pharetra odio
