気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
テーブルのボーダーに余白がある場合のサンプル
48 users
css-happylife.com
css-happylife.com
css-happylife.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
的確なタイトルが浮かびませんでしたが、右にあるキャプチャみたいにthやtdに指定されている線が開いて... 的確なタイトルが浮かびませんでしたが、右にあるキャプチャみたいにthやtdに指定されている線が開いている場合のサンプルです。 サンプルページ サンプルダウンロード（zip：15kbくらい） 今まで、それなりにはコーディングしてきたつもりではいますが、今回のようなデザインは、はじめてだったので、最初に見た時どうやって組むのか分からなかったってのが、サンプルを作るきっかけになりました。 ぱっと見たときは、border-collapseとかborder-spacingやらをごにょごにょやってればいけるかなーって思ってたんですが、中々上手くいかず。 試行錯誤した結果、背景でやってみることにしたらうまく行きました。 ただ、背景でやるにしてもその切り方がちょっとだけ、工夫？する必要があります。 該当画像は、後ほど。 CSSは、こんな感じになってます。 #main table { border-coll
css-happylife.com
css-happylife.com
css-happylife.com
css-happylife.com
docs.anthropic.com
anond.hatelabo.jp
posfie.com
zenn.dev/mizunny
togetter.com
anond.hatelabo.jp
togetter.com
anond.hatelabo.jp
brushvoice.net
www.asahi.com
tech.nri-net.com
tech.nri-net.com
www.hotpepper.jp
engineers.ntt.com
2009/12/10 リンク