サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
アメリカ大統領選
www.takumadesign.com
このページは、takumadesign - Blog のエントリー CSS イメージボタンのサンプルです。 input 要素ボタン <form action=""> <input type="text" /><input type="submit" value="検索" class="button" /> </form> .button { width: 46px; height: 20px; border: 0; background: url(button.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; } button 要素ボタン 検索 <form action=""> <input type="text" /><button type="submit" class="button">検索</button> </f
HTML で作成されるフォームのボタンは、OS やブラウザによってデザインが異なる。サイトのデザインとボタンを統一させたい時や、ボタンに文字ではなくアイコンを使用したい時がある。そんな時まず思いつくのは image ボタンを使用する方法だ。 <input type="image" src="button.png" alt="検索" /> この方法は、src 属性で画像の URI を指定して画像を表示するが、画像を使わない方法でボタンを作成し、そのボタンを CSS で image ボタンのように見せることはできないだろうか。CSS でサイトのデザインをする際、見出しなどのテキストと背景画像を置き換えるテクニックがよく使用される。同様にこのテクニックをボタンにも使用できないか試みた。 表示確認は IE 6、Firefox 1.5、Netscape 7.1、Opera 9、Safari 2、Ma
このページを最初にブックマークしてみませんか?
『TAKUMA DESIGN INC.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く