CSS3ボタンデザインサンプル

CSSで表現できる、ボタンデザインサンプルを紹介します。
コピペで使えるので気に入った人はガンガン使用してください!

CSS3で実装できるサンプルボタン

.button1 {
    width:200px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
}
サンプルボタン

CSS3で実装できるサンプルボタン2

.button2 {
	background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
	background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
	border: 1px solid #DDD;
	color: #FFF;
	width: 200px;
        text-align:center;
	padding: 10px 0;
}
サンプルボタン

You may also like...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です