CSSボタン

とりあえず表示してみる

UHYO
.button1{
	/*--角丸の設定--*/
	border-radius: 5px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */

	/*--グラデーションの設定--*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fd84c4), to(#ffd8ed)); /* Safari,Google Chrome */
	background: -moz-linear-gradient(top, #fd84c4, #ffd8ed); /* Firefox */

	/*--テキストの設定--*/
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 0px 10px #fc0085;
	}

テキストのシャドウ(見た目はグロー)はCSS3のtext-shadowプロパティ。

ピコピコしてみる

a:hoverで色の設定変えてるだけ。
テキストのシャドウ(見た目はグロー)はCSS3のtext-shadowプロパティ。