Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
Google のボタンをCSSだけでつくる
Googleのトップページの検索ボックスの横にある「Search」ボタンは2009年頃から 画像は使わずに CSS のみで作成されています。そこで、今日は簡単に CSSだけでつくるGoogle風のボタンを紹介します。CSSでつくる理由？それはスマートフォンです、画像でつくっていたりしたらページのダウンロードに時間がかかってしまいます。 HTMLソース と CSSソースは下記になります。<button>要素と<input />要素のバージョンを別々に用意しました。 【HTMLソース】 画像左 <button>お申し込み</button>画像右 <input type="submit" value="お申し込み" /> 【CSSソース】 button.g-button, a.g-button, input[type=submit].g-button { display : inline-blo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
