dポイントプレゼントキャンペーン実施中！

引用文を囲むボックスの作り方

解決済

  • 質問者：savant
  • 質問日時：
  • 回答数：2件

<blockquote></blockquote>で引用文を引用だと分かるようにしているのですが、さらにその引用文をボックス(四角い箱)で囲んでそのボックス内の背景の色を変えたいのですが、どのようにタグを書けばいいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： tksoft
  • 回答日時：

次のようなスタイルを定義してみましょう。



<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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！
できました。

通報する
お礼日時：2006/10/20 09:30

No.2

  • 回答者： JeanneNet
  • 回答日時：

じゃんぬねっと です。



仰るとおり、引用は <blockquote> 要素を使います。
別のタグ (要素) を使う必要はなくて、これにスタイルをつけるという発想で良いです。

たとえば、以下のような HTML を書いてみましょう。

<blockquote style="background-color:#FFFFE8; border:solid 1px #808080; padding:3px;">
引用文
</blockquote>

保守性を考えると、#1 さんのように CSS を定義すると良いです。
    • good
    • 0
    • 件
通報する
この回答へのお礼

スタイルシートを使わない方法もあるのですね。
ありがとうございます。参考になりました

通報する
お礼日時：2006/10/20 09:31

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報