CSSのみで！画像を使わないボタンアイコン - ホームページ制作会社 横浜 株式会社ウィルCSS3と擬似要素を使って、普段リンクボタンなどでよく使う「▶」などのアイコンを画像を使わずに簡単実装する方法です。 元のボタンを形成するCSSとアイコンのCSSを分けて制作しておくと重宝します。 まずは、コピペで！ /* 角丸 */ .Radius5 { border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ } /* ボタン共通 */ .Button { overflow: hidden; width: 250px; height: 50px; margin: 0; padding: 0; } .Button a { display: block; position: relative;
