ホームページを作るときに、内容はもちろん大事ながら、デザインにこだわる方である。
いやむしろデザイン重視かもしれない。だからブログに至っては、開設してデザインを整えたら更新せずに放置するというのは私の習性かもしれない。
今回もアメブロに移行早々デザインにこだわっている。与えられたデザインでは満足せずカスタマイズしているというわけだ。
CSSの知識は多少ある。昔シスアド初級をとった頃の知識だから随分古い。それに普通のCSSと少し勝手が違う気がしている。
今日はとりあえずバックグラウンドに画像を配すことができた。それにメイン画面で後ろの画像を透かしてみせるということをやってみた。
特にこの後者の方は、本日入手した知識なのでここで残したいと思った。画像を透かしてみせる、いわゆる透明度の設定というやつである。
background-color:rgba(255,165,0, 0.5);
という書き方なんだけど、rgbaのrgbはred,green.blueで０〜２５５で設定、rgbaのaはalphaってことで不透明度を設定できる。0〜１までで０だと完全に透明で、１だと全く透けていない。
全く知らなかった。透明といえばtransparentしか頭になく、パーセントを設定するにはどうするのか調べていて発見した。