css

テーブルレイアウトでwidthの指定にピクセルとパーセントを混在させる方法

htmlのtableタグを使ったテーブルレイアウトで、セルの幅を指定するwidth属性にピクセル(px:固定幅)とパーセント(%:比率幅)を混在させたデザインを実現したいです。 経験則では、いろいろと上手くいかないことが多いこのデザインですが、必要になったので…

CSSでレート評価(★)を表現してみる

よくアプリのレート評価などで星マーク(★)を使った表現が使われます。 無評価の0から5つ星の6段階であれば、星マークをただ並べれば良いのですが、評価人数の母体が増えると、平均して3.7つ星なんていう状況も出てきます。 そんな表現をCSSだけで出来ないか…

CSSの「linear-gradient」でラインマーカーっぽいことを実現してみる

css

面白いCSSを見つけたのでご紹介します。 ラインマーカーっぽいこと いろはにほへと 閲覧しているブラウザでのCSSの対応状況にもよりますが、「いろはにほへと」の"はにほ"の部分の下半分くらいに色が付いているかと思います。 これは、CSSのbackgroundまたは…