ちょっと便利なタグ*~ちょっと便利かなと思うタグをまとめてみました。~* ●画像のみ、右クリックを禁止します。 直リンクされたくない時に使うといいようです。 <img src="画像のURL" oncontextmenu="return false"> 試しに画像の上で右クリックしてみてくださいね。 ●画像を離して表示します。 画像と画像の間、または画像と文字の間が ぴったりくっつき過ぎている そんな場合に便利なタグです。 普通は<img src="URL">のタグを使います。 それに、上下の余白を指定する場合は vspace="数字" 左右の余白を指定する場合は hspace="数字" を入れて下のようなタグを書きます。 "数字" の部分を好みで変えてください。 単位は「 px 」です。 画像の上下を5pxあけたい場合は vspace="5" になります。 ◆普通に画像を並べるとこんな感じですが・・・ ◆上のタグを使うと下のようになります。 スペースキーを使うより簡単です。 失敗もなくなりますので、ぜひ使ってみてください。 ★ これは上下左右共に 20 に指定してます。 ★ ●画像をモノクロにします。 ★ 残念ながらIEでしか見られません。 ★ ●画像にモザイクをかけます。 <img src="画像のURL" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=数字)"> 数字はモザイク1個分の大きさを指定して下さい。 単位は px 。 数字が小さくなる程モザイクは小さく、 数字が大きくなる程モザイクは大きくかかります。 下の画像は左上から、5・4・3・2・としてみました。 元画像は右下にあります。 |