tomoppe_dayのブックマーク / 2009年9月29日

tomoppe_day id:tomoppe_day

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

[使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。
第 6 回目は「CSSを使った見栄えの良い表組み（table）」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。本来の「複数のデータを表示･比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
tomoppe_day 2009/09/29
css

table
リンク
背景画像の表示方法-基本編
今回は、「角が丸い背景（角丸）の実現方法」をご紹介していきます。サイドメニューや、コンテンツをグループ毎に表示する際など、角が丸くなっている枠で囲まれているページを見たことがあるかと思います。この角が丸くなっているボックスのことを通称「角丸」といいますが、みなさんはこの角丸をどのようにコーディングされていますか？ css3では、角を丸くするスタイルや１つの要素に複数背景画像を設定することができますが、まだ策定段階（対応していないブラウザがほとんど）のため、今回は触れません。角丸の実現方法はいくつかあると思いますが、私からは下記の3パターンご紹介します。・分割なし・2分割・3分割（通常はこちらを使用）「分割なしのパターン」これは、普通に背景に設定するだけのパターンです。（htmlコーディング例） <div class="entry1"> テキスト<br />
tomoppe_day 2009/09/29
角丸

css
リンク
- 2009年9月30日
- 2009年9月29日
- 2009年9月27日