HTML

 

画像の一覧を表示することはよくあることですが、画像のサイズが全部同じ・・・ということはほとんどありません。 追加の都度、加工ソフトで編集するのも手間がかかります。 そういう時は、CSSでトリミングできるようにしておくとと […]

WordPressのプラグインやメールフォームの使用時、 「こういう表記にしたいけど、HTMLで変えられないんだよな」ってことありませんか? HTMLで変えられないなら、CSSでやっちゃえばいいじゃない。 というわけで、 […]

今流行りのinstagram。 写真をおしゃれにするフィルターも大きな特徴ですよね。 少し前までは、写真をそんなおしゃれ風にするためには、 画像加工ソフトであれこれ手を加えなければなりませんでした。 それが、スタイルシー […]

※2019/01/12 更新しました。 見出しやリストのアイコンは画像として作成して、cssで設定してきた方も多いのではないでしょうか。 画像だと色や大きさを変更したいとき、一度作り直してサーバーにアップして・・・と、 […]

WordPress等で画像をアップする際、サイズを調整するために加工するのって手間でもあるし、 PCに詳しくない人に更新をお願いする場合にはなるべく簡単にしたいですよね。 今回は更新が劇的に楽になる!?CSSで画像をトリ […]

表やリストで、交互に背景の色が違うのってよく見かけますよね。 交互に背景色を変えるだけでも、特に表は見やすさが断然変わってきます。 今回は「CSSで奇数や偶数などの要素にだけスタイルを設定する方法」をご紹介します。 まず […]

画像にマウスオーバーした時に拡大されるのってありますよね。 サイトに動きが出て、見る人の目をちょっと引いてくれます。 今回は、CSS3のtransform:scale()でhover時に画像を拡大する方法をご紹介します。 […]