タグ

2015年9月2日のブックマーク (2件)

  • 意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選|ferret [フェレット]

    コーディングする際に、何気なく重宝するコードがtableです。 そんなtableですが、コーディングしていると乱雑になってしまったり少し凝ったデザインにしようしても、いまいちと感じてしまうことが多々あります。 今回は、オシャレなtableが簡単に実装できるCSS3のサンプルコードをご紹介します。 コピーペーストで簡単に使えますので、ぜひホームページのデザインに取り入れてみてください。 コピペで使えるtableのサンプルコード19選 1.CSS3のセレクターで作るストライプテーブル http://ascii.jp/elem/000/000/462/462099/ 汎用性の高いシンプルなストライプテーブルを作ることができるサンプルコードです。 CSS3のセレクターを使って、行・列ごとに背景色が違う典型的なテーブルをデザインします。 以前のCSS1、2の場合だと背景色を変えるのは結構手間がかかっ

    意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選|ferret [フェレット]
  • CSS positionプロパティ(配置)親要素を起点にfixedさせる|ホームページ制作 印刷物作成 デザイン事務所|エイビッツ

    〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL:048-594-8880 (平日10:00~18:00 土日祝祭休) E-Mail info@aveit.biz 2013/07/15 cssでのpositionプロパティ。よくお世話になります。 これ。 ○ static これが初期値。特に配置方法の指定なし。まぁ、ほとんど指定すことは無い。 いまだかつて使ったことが無い。 ○ relative 相対位置。ここを基準位置とする場合に指定する。 ○ absolute 絶対位置への配置。親要素(ボックス)にpositionプロパティのstatic以外が指定されている場合に、親要素(ボックス)の左上が基準位置となる。親要素(ボックス)にstatic以外の値が指定されていない場合にブラウザウィンドウの左上が基準位置となる。なので、通常absoluteを使う場合はその上のボックスにrelati