CSSで斜めの背景帯を作る方法

斜めの背景帯

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

斜めの背景帯(逆)

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

斜めの背景帯(ダブル)

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■