2011-05-23 22 views
0

我試圖讓語音標記出現在報價的開始和結束處。獲取語音跟隨報價

下面是對代碼的鏈接(無圖像):在開始

http://jsfiddle.net/tomperkins/cGDUc/

你可以看到灰色塊(我換成灰色塊speechmark圖像在這種情況下)我有並引用結束。麻煩的是結束報價位於右側。

我想在報價後直接結束語音標記(或灰色塊)。在這個例子中,它會在'...期望'後直接出現

所有的幫助和提示都表示讚賞!

由於提前,

湯姆·珀金斯

回答

0

HTML

<h2>On all levels they exceed our expectation</h2> 

CSS

h2:before { 
content: "「"; 
} 

h2:after { 
content: "」"; 
} 

或者,你可以使用圖片:

h2:before { 
content: url(imgsrc); 
} 

h2:after { 
content: url(imgsrc); 
} 

高度簡化示例:http://jsfiddle.net/cGDUc/14/