斜めストライプを実装してみよう

	.str001{
		color:#ffffff;
		background: repeating-linear-gradient(
			45deg,
			#0088CF,
			#0088CF 2px,
			#0099e9 2px,
			#0099e9 4px
		);
	}

ストライプの幅を変えてみよう

	.str002{
		color:#ffffff;
		background: repeating-linear-gradient(
			45deg,
			#0088CF,
			#0088CF 10px,
			#0099e9 10px,
			#0099e9 20px
		);
	}

普通のストライプにしてみよう

	.str003{
		color:#ffffff;
		background: repeating-linear-gradient(
			90deg,
			#0088CF,
			#0088CF 10px,
			#0099e9 10px,
			#0099e9 20px
		);
	}

テキストシャドウと角丸のcssを組み合わせよう!

	.str003{
		color:#ffffff;
		background: repeating-linear-gradient(
			45deg,
			#0099ff,
			#0099ff 10px,
			#2cabff 10px,
			#2cabff 20px
		);
		border-radius: 4px; 
		text-shadow: 0 0 5px #006699;
	}