引用・blockquote タグの CSS

HTML の 引用文で使う blockquote タグ用の CSS を設定したので備忘録。以下のように表示します。

背景色:#EEEEEE
引用文と出典元のリンク先をダブルクオート画像(”…”)で囲む。
下部に出典元のリンク先を表示。

スポンサーリンク

実際のブラウザ上での表示

1. 画面の明るさを暗くする。
2. 使わないウィジェットを削除する。
3. 省電力モードのタイマーモードを使って、夜12時〜朝7時は全部OFFに。
4. 使わないアプリを思い切ってアンインストール or 無効化。
5. バッテリー節約アプリ、高級タスクマネージャー、Deep Sleep Battery Saver をインストール。

HTML & CSS

本文の HTML は以下のようなっています。

CSS は以下の通り。

これで狙い通りの表示を実現できました。

スポンサーリンク
私は CSS がちょっと苦手なので勉強せねば...
スポンサーリンク
 
Twitterを使っていますのでフォローお願いたします!ブログの更新情報もつぶやいてます^^
(英語学習用)

Leave Your Message!