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”，但是效果不是很理想如下图：

转载于:https://www.cnblogs.com/January/archive/2011/11/25/2263893.html