CSSでできる長さ自由の角丸ボタン ≪ Hit Hot Design.下のようなボタンが、クリーンなソースでCSSで再現できます。 ちょっとマウス乗せたり押したりしてみてください。 かわいいでしょ？ HTMLはこれだけです。 <code> <a href="xxx.html" class="sexyButton"> <span>SAMPLE BUTTON</span> </a> </code> 中の文字によって長さが可変するので、画像をいちいち作るのが面倒な時とか、システムで動的にボタンを作りたい時なんか便利ですね。 では、CSSはどうなってるかというと、 .sexyButton { display: block; float: left; outline: 0; padding: 0; border: 0; color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif
