タグ

ブックマーク / sakuramochi702.hatenablog.com (1)

  • 【CSS】h1,h2などの文字列の先頭に画像を入れたい - 16bit!

    タイトルが意味不明。 ですが、イメージ的にはこんな感じのことをしたいのです ↓ ※赤色の長方形が画像です。 で、具体的にCSSでどう書くのか調べてみると、 h3 { background-image: url("red_square.jpg"); background-size: 8px 50px; background-repeat: no-repeat; padding: 0px 0px 0px 12px; /* 以下略 */ } こんな感じのが出てきました。 要するに何をやってるかというと、 1.まず挿入したい画像を用意し(ここでは"red_square.jpg")、 2.それを背景画像に設定し、 3.そのサイズを決め(ここでは横幅8px、縦幅は適当)、 4.画像の繰り返しを行わないようにし、 5.画像の幅の分paddingでスペースを空けている。 のです。 ・・・めんどくせえ。 先

  • 1