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

-業界・技術情報
-


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

新手のスパム!Analyticsの解析で「social-buttons.com」からのReferralが大量にきてる!

アクセス数が増えて喜んでいたら。。 Google Analytics でお客様のサイトを分析していたら、参照元が「social-buttons.com / referral」からのアクセスが大量に来て …

ネット上の「忘れられる権利」

ネット上には、誤った情報や誹謗中傷など、、不適切な情報も溢れている。 それが自分に関することとなれば、一刻も早く消し去りたい、と誰もが思うだろうが、一度アップされた情報を削除するのは簡単ではない。いや …

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

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

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

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

会議を録音し、10分後にはChatGPT・生成AIで「要約」が完成!

「CLOVA Note」と「ChatGPT」で実現! 先日のこと、 5人での社内会議で「議事録のメモ、よろしくね」と言ったら、「だったらAIにやらせてみては!?」との提案で、早速試してみることに。   …