No.1ベストアンサー
- 回答日時:
次のようなスタイルを定義してみましょう。
<html>
<head>
<style type="text/css"> <!-- ここから blockquote のスタイル定義 -->
<!--
blockquote {
background-color: #ccccff; // 背景色
border-width: 1px; // 枠線の太さ
border-style: solid; // 枠線のスタイル solid(実線)
}
-->
</style> <!-- ここまで -->
</head>
<body>
本文
<blockquote>引用文</blockquote>
本文
</body>
</html>
No.2
- 回答日時:
じゃんぬねっと です。
仰るとおり、引用は <blockquote> 要素を使います。
別のタグ (要素) を使う必要はなくて、これにスタイルをつけるという発想で良いです。
たとえば、以下のような HTML を書いてみましょう。
<blockquote style="background-color:#FFFFE8; border:solid 1px #808080; padding:3px;">
引用文
</blockquote>
保守性を考えると、#1 さんのように CSS を定義すると良いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<legend>で表示されるタイトル...
-
Dreamweaverで画面サイズを一定...
-
marginを指定した見出し要素の...
-
引用文を囲むボックスの作り方
-
cssでheight: auto;を指定して...
-
段落の高さを調節することは出...
-
divタグを中央寄せでwidthを指...
-
IBMのホームページビルダー10で
-
CSSで<p>の幅指定を解除したい。
-
css。横並びBOXに長文textを流...
-
text-alignの解除の方法
-
ページのマージン・・・
-
CSSの設定
-
CSSのマークアップでつまずいて...
-
<h1>タグの後の行間を詰めたい。
-
htmlでテーブル内にテキストボ...
-
javascriptでタイトルバーを非...
-
エクセル 画面表示拡大率によ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
macとwindowsのレイアウト崩れ...
-
INPUT TEXT内の文字位置を指定...
-
text-alignの解除の方法
-
ホームページビルダー 空白の...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
<legend>で表示されるタイトル...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
コードを書いて下さい( ; ; )...
-
アップロードするサーバーによ...
-
CSSでh1とその下の文字との行間...
-
文字を内側にも色の付いた枠で...
-
テキストボックスの文字を右揃...
-
Dreamweaverで画面サイズを一定...
おすすめ情報