スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] | EDIT | スポンサー広告 | TB(-) | | PAGE TOP↑ CM(-)

引用部分の背景を画像にする方法

引用部分の背景を画像にする方法を紹介します。

引用



詳しくは続きかからどうぞ☆


今回はCSS(スタイルシート)を編集します。

CSS(スタイルシート)から blockquote { の部分を探してください。

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#fff; /* 背景 */
border-top: #666 1px solid; /* 個別枠(上) */
border-right: #666 1px solid; /* 個別枠(右) */
border-bottom:#666 1px solid; /* 個別枠(下) */
border-left:#0099ff 5px solid; /* 個別枠(左) */
background:url(画像URL);


見つけたら↑の青い部分を追加してください。

最後に背景に設定したい画像URLを設定して更新してください。

ちなみに、「 border-left 」 のオレンジ色の部分を変えると、左の太めのborderの色を変えることができます。

<blockquote><p>内容</p></blockquote>


後は、記事などで内容を↑のように囲んでください。
[ 2010/09/23 06:56 ] | EDIT | Web デザイン/サービス | TB(0) |   CM(1) PAGE TOP↑
<fieldset><legend>題名</legend>内容</fieldset>を囲んでる枠ってどうやってるんですか?
[ 2011/08/26 19:56 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する

トラックバック
この記事のトラックバックURL

Category

×をクリックすると開きます。

Question

PC用、PSP用、などを書いてくれると助かります。

PC
◆おすすめ画像編集ソフト
 - GIMP2

◆スクリーンショット
 - キャプラ
 -PettyCamera

◆音楽・動画ファイル編集
 - EcoDecoTooL(えこでこツール)
 - BonkEnc Audio Encoder
 - Craving Explorer

◆PC高速化
 - Win高速化 PC+

◆強制~ソフト
 - Force Recycle Bin
 - XKillWin

◆ファイル高速コピー
 - FastCopy
 - Fire File Copy

◆HDD内ファイル検索ソフト
 - Everything

◆動画・音楽再生ソフト
 - GOM PLAYER

◆最小化ウインドウをデスクトップに表示
 - ThumbWin

◆PCで無料通話
 - Skype

◆ブラウザ
 - Mozilla Firefox

Link Exchange

GAME&PC


~壁紙&画像~

~日記~

~2ch,News速報&動画~

~Webデザイン~

~無料オンラインゲーム~

[2ch全AAイラスト化計画]

SEO
by Google Fan
フィードメーター - Perfect Evolution


copyright © 2017 Perfect Evolution all rights reserved.
    Benri-navi by myhurt  Template by FC2ブログのテンプレート工房  Customize by Perfect evolution
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。