左上にリボンを付けたCSSリボンデザイン

before,after疑似要素で「transform: skew」を指定し要素を変形させています

関連パーツ