バックグラウンドの斜線をcssで

.stripe-yellow {
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #fff;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,#fc6),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#fc6),color-stop(.75,#fc6),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -ms-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
font-weight: 700;
}

カテゴリー: CSS

コメントを残す