1.ブログ

画像に枠線を入れたい

画像に枠を付ける

 

枠あり  枠なし

指定した画像にのみ、上のサンプル画像のように背景と区別がつかなくなる画像のために枠線を入れられるようにしました

 

管理画面から「外観」→「テーマの編集」→「style.css」
または、「カスタマイズ」→「追加CSS]

に、下のCSSを追記します

.waku{   
     border:2px solid #f2dfdc; 
}

.waku { の「waku」は好きな文字で大丈夫です「wakusen」や「sen」等(´ω`)

画像に枠線を設定します

投稿画面で、画像をクリックし編集の「鉛筆マーク」をクリックします

がめんがかわったら、先ほどの「waku」を「画像CSSクラス」の所に入力します

拡大(/・ω・)/

これで、境目がわかりずらかった画像がわかりやすくなりました(´ω`)

 

追記です

枠線の色と太さをを変えました

1、枠線の太さ
2、線の種類
3、線の色[/box02]

線の太さを1px→2pxに変更し
線の色を変えました。JINで使用しているテーマカラーが一番しっくりきました

 

この他に色々試してみました

1、破線→dashed
2、点線→dotted
3、線の太さを4pxにしてみました

1、破線→dashed

2、点線→dotted

3、線の太さを4pxに


枠線を太くしても、可愛いですね~~(´ω`)

 

%d人のブロガーが「いいね」をつけました。