【ＣＳＳ】　画像の周りに写真風の枠をつける

お仕事のWEBページに写真風の枠がある画像をつけたくて検索したところ、
こちらを見付けました。

http://www.webbibo.com/blog/htmlcss/photoframe.html

私はこの記述をちょっと修正させて頂きました。

*****memo*****

1.HTML記述方法

写真

2.CSS記述方法

.frame {
float: left;
margin: 0;
padding: 5px;
border-color: #BBBBBB;
border-width: 1px;
border-style: solid;
background-color: #FFFFFF;
}

.clear {
clear: both;
}

****memo****

clear:both;を設置したら、レイアウトが崩れてしまったので外しました。

今回はなくてもよかったようです。

【作業記録】

ちょっと出遅れました…反省しますm(*T▽T*)m ｵ､ｵﾕﾙｼｦ･･･

ではでは、今日はまずお仕事を済ませます。

3つ…ありますかね。

本当は4つだけど、今日は3つまでをやりきること！

はい、ではがんばりまっす！

****休憩time*****

前半の2つは終了できました。更新作業なのでサクサク終了。
でも、今日も管理画面が重かったな…　作業時間をやっぱり早めたほうがいいかしら…

SNSも入ってみよ。
ふんふん、ブログだよね。やっぱり….どのように進めるのがベターなのかな。
ブログだけにコツコツしかないかな…

構想は膨大だ！

****休憩終わり****

作業をする前にここで立ち寄り♪

暑いです・・・
ヤル気がほんと起こらない・・・でも、何かをやらないとあとで自己嫌悪になっちゃうんです。ちょっとマイナス思考な日です。

 

とりあえず、サイト更新をしてみましょ。

 

入り口を増やしてお客様を迎え入れるために！

 

本来のお仕事のテンションも上げたいし、サイト運営の気分も上げていきたいので、おしごとカフェでリラ～ックスしてから作業にとりかかることとします。

 

うん！　いいかも～　(≧∇≦)b OK

 

 

お悩み解消！おしごとカフェをWPへお引越ししました！

お悩み解消！おしごとカフェをWPへお引越ししました。
と言ってもまだ全然手を加えていないので、なんだかとってもシンプルなページですねぇ(^▽^;)

 

このページではカスタマイズなどにも挑戦してみたいと思っていますので徐々にバージョンアップしていければと思っていましたが
あまりにシンプルだったのでテンプレートをいろいろダウンロードしちゃいました！えへへ…=*＾-＾*=にこっ♪

 

 

ステキです～♪
これでスタートしちゃお！