CSS/斜め背景

1

2
CSS
#wrap {
	border:1px solid #000;
	width:300px;
	overflow:hidden;
}
#top {
	margin-top:-50px;
	padding:100px 50px;
	transform:skew(0deg, -10deg);
	background:#00c;
	color:#fff;
}
#top p {
	transform: skew(0deg, 10deg);
}
#bot {
	padding:100px 50px;
}