CSS之簡單的雙引號

 在網上找了個CSS案例，效果如如下：

CSS如下：

 1 blockquote {
 2     font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
 3     width: 400px;
 4     background: url(images/close-quote.gif) no-repeat right bottom #CCCCFF;
 5     padding-left: 18px;
 6     text-indent: -18px;
 7 }
 8 blockquote:first-letter {
 9     background: url(images/open-quote.gif) no-repeat left top;
10     padding-left: 18px;
11     font: italic 1.4em Georgia, "Times New Roman", Times, serif;
12 }
13 </style>

 

總覺得這樣有點單調，所以在原代碼中加了個背景色“#CCCCFF”，但是效果不是很理想如：