テーブルのセルが空だった場合にハイライトしたり文字を挿入したり
Result 5年前にjQueryでテーブル内で空の要素をハイライトさせる、という記事を書いたのを偶然確認したのでCSS版みたいなものを書いておきます。 特別なことはしてなくて、今は:emptyを使える時代になった、みたいな内容です。 セル毎に異なるスタイルや文字にしたい場合はclass付与等で対応してください csstd:empty{/*tdが空なら背景をyellowに*/ background:yellow; } td:empty:before{/*背景が空なら文字挿入*/ content:"無し"; }html<table> <tr> <th>順番</th> <th>名前</th> <th>数</th> <th>金額</th> </tr> <tr> <td>1</td> <td>りんご</td> <td>10</td> <td>2000円</td> </tr> <tr> <td>2<
CSSで作る！綺麗なWeb用リボンデザイン22選
画像を使わなくても、立派なリボンをWebサイト上に表示することができます。この記事では様々な形のリボンの作り方を使用サンプルとともに紹介していきます。どれもHTMLとCSSのコピペで使うことができます。 はじめに リボンのテキストはサンプルでは「Welocome to My Blog!」や「NEW」などとしていますが、お好みのテキストに変えてご利用ください。ただし、複数行にわたるような長文にするとデザインが崩れてしまうことがあります。なるべく、短めのテキストを入れて頂くのがおすすめです。 また、HTMLコードでは例としてh3タグを使っていますが、この部分をh1~h5やpタグ、div、spanタグに置き換えてそのまま使うことができます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
