cssでグラデーション角丸のタイトル例

css

こんな感じ
f:id:shikaku:20160202161637p:plain

.pagetitile{
	background-image:-moz-linear-gradient(top, #0064D3, #0206A5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0064D3), to(#0206A5), color-stop(1,#0206A5));

	padding: 8px 10px 8px 24px;

	font-size:18px;
	color:#fefefe;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; 
	border-radius: 8px;
}

ネタ元