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

-業界・技術情報
-

関連記事

Windows updateで、PCが起動しなくなる!! 件の 見極め方と対処

Windowsをシャットダウンするときに、自動で「Windows update」なるものが動き、それが終わるまでなかなか電源断できないことがある。。 最近のWindows updateで深刻な不具合が …

no image

[EMOBILE]イーモバイル不具合:表示できないサイト

モバイル用に「EMOBILE」のUSBタイプ(​D​1​2​L​C​)を使っている。 が、なぜかブラウザでサイトを表示するときに特定のページで表示されずに止まってしまう、、という悩ましい問題がずっとあ …

「Windows XPのサポートが来年で終了」することへの対応について

XP、終了。 来年 2014年4月9日(日本時間)で、Windows XPのサポートを終了する、と マイクロソフトが発表しました。(詳しくは > こちら ) この件で、最近いろいろな方から「Windo …

[備忘録]PCサイトとスマホサイトを選択振り分けする方法

あると便利な振り分け機能 スマホでPC用サイトにアクセスした際、「スマホサイトに移動しますか?」といった表示を出し、 (1)「はい」を選択した場合 → スマホサイトを表示 (2) 「いいえ」を選択した …

簡単多言語化:WebサイトにGoogle翻訳を埋め込む方法

完璧ではないが、そこそこ意味は通じる ※2021.03.29追記  本方法は、Google Translateが新規登録を終了しています。。  代替案は > https://attrise.blog/ …