洗濯すると雨の降るhakoishiです。 今回は汎用的に使える角丸テーブルのソースをご紹介。 border-radiusに合わせて、IE9以上の対応です。 サンプル まずはサンプル。 この5種類です。 theadなし、tbody左行がth。 theadあり。tbodyはthなし。 theadあり。tbody左行がth。 thead複数行、セル結合あり。tbody左行がth。 theadあり。tbody左行がth。tfootあり。 サンプルページ 擬似クラスと間接セレクタを使って汎用性のある角丸テーブル お約束 tbodyを必ず入れる tfootを入れる場合、tbodyの上部へ 上記の点だけ注意すれば、テーブルや内部のセルへのクラスの付与は不要です。 CSS table { /* 上、左にborder */ width: 100%; border-collapse: separate; /*
Server Side Engineer / サーバーサイドエンジニア 主に PHP でのプログラミングをしつつ、現在はさらに企画・設計・UI・ディレクションなどなどを担当。お客様に一段上のサイトを目指す提案をできるよう、最近は分析やマーケティングに力を入れ気味。 Director / ディレクター 前職のプログラマ時代に、目に見えるものを作りたいと思いWebの世界へ。以後、シーブレインにてWebの楽しさを知り現在に至る。UIおよびシステムを考慮した設計やマークアップの効率化に強い関心がある。 Front-end Engineer / フロントエンドエンジニア デザイン、HTMLコーディング、Flash、JavaScript、最近はディレクションなども。機能と見た目が両立したUIが好き。 Manual Director / マニュアルディレクター 日本語のマニュアルを、システムの操作マニュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く