CSS
CSSだけで括弧でくくっているようなボックスを作る
CSSだけで、括弧でくくっているようなボックスを作ります。表示サンプルはこちら。 CSS .box{ width:10em; padding:.5em 1.5em; position:relative; backgrou…IE6～9までのCSSハック
IE9 :root body { color:#000000 ￥0/; } IE8 body{ color: #000000￥9; } IE7 body{ *color: #000000; } IE6 body{ _co…
Sassで条件分岐(if)を使う
変数の値をもとに出力するCSSの分岐を行えます。 Sass $setting: true; @if $setting { //settingが有効(true)の場合出力される .test {margin: 0} } 上記…aタグの「target=”_blank”」だけCSSを指定する
見本はこちら CSS a[target="_blank"] { background:#0099FF; color:#FFFFFF; } HTML <p><a href="…floatさせた画像の横のテキストが回り込まないようにする
テキストをfloatさせた画像の横に並べた際に、テキストを画像の下に回りこませたくない場合、設定しておくと便利な一行です。表示サンプル CSS .textBox { overflow:hidden; } HTML <…inputがdisabledの時のCSSを指定する
inputがdisabledの時のスタイルも指定することができます。 見本はこちら HTML <form> <p><input type="text" value=&qu…【ボタンデザイン07】紫芋っぽい色のボタン
最近、紫芋を使ったスイーツが増えてきましたね。 見本はこちら http://jsdo.it/Yukimi.Sato/rBvF HTML <a class="btn gradation-purple&quo…