WEBの便利ツール CSS 角丸 ジェネレーター

このエントリーをはてなブックマークに追加

角丸(border-radius)生成ツール

▼生成したボックス

あいうえお

生成したソースを表示 生成結果のURL

CSSコード

.rad {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.box {
	width:200px;
	height:100px;
	background-color:#000000;
	color:white;
	text-align:center;
}

HTMLコード

<div class="box rad">
あいうえお
</div>

▼以下を設定して下さい。

設定