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

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

関連記事

no image

「winmail.dat」というメールの添付ファイル

業務関連で送られてきたメールに「winmail.dat」というファイル名のファイルが添付されていた。   事前の話ではWordファイルが送られてくるハズであったが。。   調べてみると、この「winm …

Web動画は押さえておきたい!セミナーで聞いた企業動画活用のポイントは意外にもアナログ的なことだった

デジハリ主催「企業の動画活用セミナー」に参加 昨日、デジハリ主催の「コクヨチャネルの仕掛け人に聞く、企業の動画活用セミナー ~Web動画は果たして事業成長の起爆剤になるのか~」に参加してきた。 マーケ …

no image

[CMS]MTの画像アップ:サムネイルのデフォルト設定変更

サムネイルのデフォルト設定変更がとっても面倒 Movable Typeで画像をアップする際、サムネイル画像の設定で、デフォルト値が通常自分が設定する値と違うため、写真ごとに設定値を変更する必要があり、 …

サーバーや技術的な社内勉強会を開催しました。

意外と奥が深いサーバー関連の技術的なノウハウ 今週の月曜日、社内でサーバーや技術的な勉強会を開催しました。 「Webサイトを公開」するには、デザインやコーディングの技術の他に、インターネットの仕組みや …

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

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