Create CSS Curly Quotes Without Images
http://www.nealgrosskopf.com/tech/thread.php?pid=21
http://www.flickr.com/photos/intervisual/966351488/

 


blockquote
{
margin: 2em 0px;
padding-left: 40px;
padding-right: 80px;
}
 
blockquote:before
{
color: #990000;
content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px -40px;
vertical-align: bottom;
}


blockquote:after
{
color: #990000;
content: '\201D'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px 500px;
vertical-align: bottom;
}

橘色部分為我自行新增部分

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()