2004年04月02日

写真風画像

ひなっぺた通信(ひなっぺたさん)経由、ぢぢらぶろぐ(katamariさん)
スタイルシートで画像を写真風に表示するという記事を参考に
して、私も画像に枠を付けて写真風にしてみました。

スタバタンブラー オン マイデスク
  →  スタバタンブラー オン マイデスク

seesaaではCSS(スタイシート)設定のスタイルシート(PC用)
欄の1番下に以下のスタイルシートを追加します。
img.pic {
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 2px gray;
border-right: solid 2px gray;
background-color: white;
padding: 6px;
}

後は記事の中のimgタグにclass="pic"を追加するだけです。
<img src="xxxxx.jpg" alt="xxxx" class="pic" />


posted by 電算担当者 at 14:41| Comment(4) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
トラックバックありがとうございました。
私も同じようにやってみました。
ただ、欲を言えば、seesaaでは、画像にグレーの枠(solid)が付きますが、ぢぢらぶろぐさんのように、写真らしい白い枠が付いたらいいな、と思っています。タグの中のpaddingが効力を発していないような感じです。
難しいですねぇ…しみじみ。
Posted by ひなっぺた at 2004年04月02日 16:52
Firefox0.8では余白が有ったのでOKだと思っていたのですが、
ひょっとしてと思ってIEで見てみたら枠無しになっていますね。
確認します。
Posted by 電算担当者 at 2004年04月02日 17:44
電算さんお久しぶり〜!お誕生日だったんですネ!
おめでとうございました!
私の方も6月に殿下の誕生日をむかえます(何かが違う)

写真風のいいですねぇ。私のほうもデザイン変えたいんですが黒になれると画像がテキツーでも大丈夫なので楽で楽で変えられましぇん。
Posted by ちあり at 2004年04月02日 20:06
ちありさん、ありがとうございます。
写真風に見えるという事はIE以外の
ブラウザをお使いなんですね。
Posted by 電算担当者 at 2004年04月02日 23:37
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。