【CSS】CSSのみでテーブルの行を1行おきに背景色を変更（nth-child）

テーブルの行背景色を偶数行と奇数行で背景を変えたいときなど、 CSSの「nth-child」を使えば簡単に出来るみたいです。 CSSのサンプル table.test tbody tr:nth-child(2n+1) { background-color:#69696...

【CSS】CSSだけでフローティング（ついてくる）ボタン

画面をスクロールしても、いつも決まった位置（固定位置）にいるボタンをを作ってみます。 jqueryのプラグインを使うとアニメーションをしたり、色々凝ったことができますが、 ここでは簡単にCSSだけで作ってみます。 CSSのサンプル .floating { top:...

【CSS】HTMLのテキストボックスをラベルのように

HTMLのテキストボックスをラベルのような見た目に変更する方法を紹介します。 ここではラベルとは、入力できない編集不可の項目をさしてます。 テキストボックスで作られた項目が仕様変更などにより編集不可になった場合、 disabledやreadonly、ラベルなど色々方法...