例に上げたような画像だと、一体化してしまって、画像なのかどうかさえ分からないですよね...。今回はこういった画像に枠を付けたりして装飾する方法について説明します。当サイトでは大体こんな感じにしてます。スポンサーリンクスタイルシートを編集まずは、どんな装飾を施すか決めます。私の場合は、単に画像とテキストく区切りが分かればいいと思っていたので単純なボーダーの指定のみ「style.css」に追加しました。#ddd}こだわりたい人は、CSSのサンプルを公開してくれている人達がたくさんいるので、お好きなデザインを探しましょう。影とか入れるとオシャレですねCSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。HTML5でサイトをつくろうスタイルは用意したので、次は画像に指定する方法です。特定の画像にスタイルを適用する記事を書く時に、エディタをテキストに切り替えたりして作業している人なら、スタイルを当てたい<img>タグにさっき用意したクラスを指定したらいいだけです。/>でもエディタの編集モード切り替えると、色々問題が起こったり、指定したい画像のタグを探すのに時間がかかったりします。ビジュアルエディタの状態から専用のクラスを指定する方法を紹介します。装飾したい画像を選択して、出てきたメニューから「編集」をクリックします。画像詳細の上級者向け設定にある、「画像CSSクラス」に先ほど用意したスタイルのクラスを入力して「更新」します。これで特定の画像にだけ専用のスタイルを当てられます。終わりにこの方法を取るまでは、画像の方に枠を追加したり、背景色が変わる所まで多めにキャプチャしたりしていました。́∀`)今回の方法は個別指定なので、多少面倒です。言え、画像と本文の区切りが分からない状態は辛いものがあります。投稿内の画像に対して一括指定してしまうという方法もありますが、外部の埋め込みコードにまで影響及ぼしたりしてしまいます。いうものを使わないというのであれば一括でスタイルを当てるのもありだと思います。私は、枠を付けないといけないような画像を使う機会が多くないので、この方法で満足しています。画像をクリックした時に出てくるメニューに、よく使うクラスをボタン1つで追加出来たりすると便利ですよね。それに似たことが出来るプラグインがあったような気がするので、今度調べてみます。なければ自分で作ろうと思います!それでは。コメントをキャンセルメールアドレスが公開されることはありません。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*「日本語が含まれない」「URLが4つ以上含まれる」場合は無視されます。前回で管理画面にメニューを用意することが出来るようになりました。Awesome】の使い方とサンプルWebサイト構築する上でアイコンってかかせないですよね。Away」がおすすめ!最近スパムコメントが多くなってきていて、対応に困っていました。...【WordPress】簡単なバックアップの取り方と復旧の方法【初心者向け】プラグインを追加したい。...【WordPress】カテゴリーやアーカイブの件数を表示してスタイル適用。前回Facebookページを作成して困ったことがありました。...CSSだけで吹き出し・バルーンを作る方法(SNS連携ボタンのアレ)どうも。今回はよくSNS連携ボタンの上とか右に付いてるあれを作る方法です。さん☆ハイ!】1話の紹介と感想!アニメ3期【2015年秋期の期待作No.1】プロフィールまちゃぬ2015年5月までIT系のエンジニアやってました。現在はフリーランスです(・∀・)雑食系のブログですが婚活をメインにしたいと思っています。一個も婚活記事書いてないけどw詳しくは「当サイトについて」をご覧下さい。(16)スポンサーリンク↑の広告スペースを「ココナラ」にて販売中です。去年の古い灯油でストーブが壊れた!直す方法は簡単!替え芯の交換は最後の手段!XAMPPのMySQLをコマンドプロンプトから使用する。