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

-業界・技術情報
-

関連記事

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

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

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

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

Gmailが日本語アドレスに対応!日本語メルアドによるシステムへの影響を考える

ご存じGoogleの提供するメールサービス「Gmail」。ちょうど一ヶ月くらい前、Googleが「Gmailが日本語などアルファベット以外文字を含むメールアドレスとの送受信に対応する」と発表した。 わ …

no image

[PC遠隔操作事件]横浜市Webサイトへの小学校襲撃予告

最近お会いした方から「アットライズさん大変だったんじゃない?」と言われることが何回かありました。 当社で横浜市公式サイトのリニューアルを担当させていただいたことをご存じで、今回の遠隔操作事件の対応で大 …

自社サイト[attrise.com]を常時SSL化しました!

Google「Chrome 68」登場間近、、滑り込みセーフ Googleは、ブラウザ「Chrome 68」から、HTTPS暗号化によるSSL化(https://)されていないサイト(従来の http …