现在的位置: 首页 > 综合 > 正文

CSS之简单的双引号

2012年12月10日 ⁄ 综合 ⁄ 共 424字 ⁄ 字号 评论关闭

 在网上找了个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”,但是效果不是很理想如下图:

抱歉!评论已关闭.