CSS之简单的双引号
生活随笔
收集整理的這篇文章主要介紹了
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
總結
以上是生活随笔為你收集整理的CSS之简单的双引号的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于ArcGIS10.0和Oracle1
- 下一篇: CSS3 border-image的使用