スタイルシートで簡単に画像を表示させたい。

質問

スタイルシートを使って画像を表示させることは出来ますか？

現在ブログを使っているのですが、毎度毎度
同じ画像を使うのですが、タグうちでは非常に面倒です。
<Div class="xxx">と言う感じで、簡単に表示出来ないでしょうか？
もし良ければ教えて頂けないでしょうか？

回答No.2

noname#12055

ブログはよう知らんので頓珍漢なこと言ってたらごめん。
以下はＨＴＭＬの話です。

> <Div class="xxx">と言う感じで、簡単に表示出来ないでしょうか？

<div class="xxx"></div>

.xxx{
width : **px;
height : **px;
background-image : url(***);
}

…で、できなくはないと思うが、こんなはずかしいことは
やってもらいたくはないです。
これをやるとdivの中身がカラになるわけで
W3Cさんが３日３晩泣き続けると思います。

そもそも、これにしても
<div class="xxx"></div>
…は書く手間があるんじゃないですか？

中身があるdivでやりたいというのなら、
「CSSでは」方法はないと思います。

> 同じ画像を使うのですが、タグうちでは非常に面倒です。

<img src="mufufu.jpg" width="80" height="120" alt="むふふな絵" />
を、IMEとかに単語登録しておくのじゃまずいんですか？
変換だけの１秒の手間を惜しんでもらいたくはないです。

あら、書いてるうちに１番さんが先に…。

お礼

＞書く手間があるんじゃないですか？
確かにそうかも知れませんね。
やはり、CSSで画像表示は面倒ですよね。
流石に背景表示は引きますね(笑)

＞単語登録
そうなんですが、やはり文字制限で登録出来ないんですよね。
CSSで出来ないと言うことなので、仕方ないので、
Pearlでタグを自動挿入出来るものを作りたいと思います。
ありいがとうございました。

回答No.1

steel_gray

スタイルシートで簡単にする方法はちょっと思いつきませんが・・

とにかく「<img ～～>」というのを打ち込むのを楽した
いのであれば、自分なら<img ～～>を辞書に登録しておきます。

お礼

ありがとうございます！
私も今ATOK16で単語登録でやっているのですが、
文字数制限で登録出来ないんですよねw
うん～～　今は分割して入力していますww