● 13px全角2文字から21文字の例（最大文字数全角21文字）
文字５文字文字 ９文字９文字９文字 ２１文字２１文字２１文字２１文字２１文字２

● 使用画像


● HTMLソース（９文字の場合）

<a class="kahen-blue" href="#"><span>９文字９文字９文字</span></a>

● 外部CSSソース

a.kahen-blue	{
	background: transparent url(../images/kahen-blue-left.png) no-repeat top left;
	display: block;	float: left;	font-size: 13px;	line-height: 1.2;
	padding-left: 12px; 	text-decoration: none;
	color: #ffffff; 	font-weight: normal;
	}
a.kahen-blue span {
	clear: left;
	background: transparent url(../images/kahen-blue-right.png) no-repeat top right;
	display: block;	padding: 4px 12px 4px 0; 
	}
a.kahen-blue:hover { 
	outline: none;	opacity: 0.6;	filter: alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )"
	}

● 色を変えたパターン
赤色：class名 "kahen-red"　 ９文字９文字９文字
緑色：class名 "kahen-green"　　 １６文字１６文字１６文字１６文字