スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
画像に枠をつける


画像を表示させるタグ
<img src="画像URL" width="xxx" height="xxx" alt="xxx" >

JUGEMで画像を投稿した際に表示されるタグ(サムネイル使用)
<img src="画像URL" width="xxx" height="xxx" alt="xxx" class="pict" />




HTML

線の太さをピクセル数で指定します。 ※HTML4.01では非推奨
<img src="画像URL" width="xxx" height="xxx" alt="xxx" border="数字">




CSS

img { border: 太さ スタイル 色; }

例:太さ5px、黒の実線で画像の枠を表示
img { border: 5px black solid; }




■ クラス属性、id属性ごとに指定する

.クラス名 img { border: 太さ スタイル 色; }
#id名 img { border: 太さ スタイル 色; }

例:「stella_basics

ブログに挿入された画像全てに枠をつける。
#wrapper_body img { border: 2px solid #CCC;}

投稿記事に挿入された画像のみ枠をつける。
.entry_body img { border: 2px solid #CCC;}


■ クラス属性 class="pict" を利用する ※JUGEM専用

JUGEMでは画像を挿入した際、自動的にクラス属性(class="pict" )が指定されます。
<img src="画像URL" width="xxx" height="xxx" alt="xxx" class="pict" />

このクラス属性(class="pict")に対してCSSで画像の枠を設定をしましょう。
.pict { border: 太さ スタイル 色; }




| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |