blockquote 引用的分析

平時我們在製作頁面的時候，總是會碰到這樣那樣的引用，比如引用某人的一句話，或者引用一些名言警句，我們可以用一些引號將其特殊區分開來。現對平時遇到的一些引用的相關例子進行一些分析：

例子1：

例子2：qq空間的一些好友說的話

下面提供四種類似的解決方法：

用blockquote來做左邊引號的背景，用p來做右邊的背景

html**：

10m的網絡卡中只有四根彈片，8根線中另四根不起作用所以要求低，兩邊是同一順序就行，但最好按規範做；100m的網絡卡中有8根彈片，四根用於資料傳輸，另四根用於防串擾，嚴格按照規範做線能減少網路故障。

css**：

.box .bq1 .box .bq1 p

用blockquote來做左邊引號的背景，用乙個空標籤，比如span來做右邊引號的背景，將span設定為left或者right的padding，然後給span加背景。

html**：


10m的網絡卡中只有四根彈片，8根線中另四根不起作用所以要求低，兩邊是同一順序就行，但最好按規範做；100m的網絡卡中有8根彈片，四根用於資料傳輸，另四根用於防串擾，嚴格按照規範做線能減少網路故障。

css**：

.box .bq2 .box .bq2 span

用blockquote的after和before偽類來做兩個前後的引號。不過ie6不支援。

html**：

css**：

.box .bq3 .box .bq3:before, .box .bq3:after .box .bq3:after

在blockquote裡面增加兩個標籤，在標籤裡用文字的引號。

html**：

「10m的網絡卡中只有四根彈片，8根線中另四根不起作用所以要求低，兩邊是同一順序就行，但最好按規範做；100m的網絡卡中有8根彈片，四根用於資料傳輸，另四根用於防串擾，嚴格按照規範做線能減少網路故障。」

css**：

.box .bq4

.box .bq4 strong

檢視demo：