CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

業界・技術情報

[小ワザ]画像の周りに枠線を付ける

投稿日:2014年5月12日 更新日:

ちょっとした「こんな風に見せたい…」みたいなこと

ブログを編集していると ちょっとした「こんな風に見せたい…」みたいなことがあって、その都度 ガマンしたり(笑)、調べたりしながらコツコツと書いている。

そんな中で、自分的によく使う小ワザを、備忘録としてアップしておこう。

画像の周りに枠線を付ける

画像を読み込んだ画像のimgタグに「style=”border: 1px solid gray”」を追記(挿入)。
これで画像の周りに太さ1ピクセルでグレーの枠がついた画像になる。

ex)<img class=”size-full wp-image-53″ style=”border: 1px solid gray” src=”xxx.jpg” />

その他、小ワザは下記サイトでも紹介してます。
http://www.warna.info/archives/category/technique/
http://w3q.jp/t/1632

-業界・技術情報
-

関連記事

あやうく詐欺サイトにダマされるところだった。。

全てが精工にできた本物っぽいサイト 登山用のリュックを探していたところ、他店舗の半額以下で売っている通販サイトを見つけた。 あまりにも安売りしているサイトは詐欺であることが多いので、その通販サイトをく …

テキストファイル編集の落とし穴!「BOM」

見かけ上は全く同じ記述だが、ファイルサイズが異なる。。 WebサイトやWebシステムの更新等を行っていると、例えば「.htaccess」などを編集した際に 良きせぬエラーとなることがある。(phpファ …

「横浜市デザイン相談」のブログ

先日の日記で「横浜市デザイン相談」のアドバイザーをさせていただいていることを書いた。 が、この度こちらのブログができました。 http://blog.goo.ne.jp/yokohama_design …

no image

[EMOBILE]イーモバイル不具合:メール送信できない

今日、打合せ中に「EMOBILE」で接続したノートPCからメールを送ろうとしたらエラーとなって送信できない。(モバイル用USBタイプ「D​1​2​L​C​」) このイーモバイルについては、7/3の日記 …

新たな脆弱性、あなたのWebサーバーは大丈夫!?

コンピュータ、ネットワーク機器に脆弱性が見つかるたびに、その対処などのフォローが必要になる。。 Windowsの場合は、「Windows Update」というプログラムで自動的に対処ファイルがインスト …