2011/08/21(日)adiary Version 2.22C80SE
2011/02/11(金)blockquote
前回の記事を書くにあたって、blockquoteのデザインに腐心。
なんかかわいい感じのデザインないかなって。
画像入れるのめんどかったんで、CSSだけでなんとかなればいいな、
とか思ってちょいちょいいじってました。
で、こんな感じのやつを
作ったのです。
いちお、OperaとIEとFirefoxとChormeで確認して、
思った通りに表示されてるみたいですが、
後はなんかフォントが指定できればなぁ。
blockquote:before { position: absolute; display: block; float: left; top: 36pt; left: -32pt; font-size: 88pt; content: "“"; color: #DDE; } blockquote { position: relative; margin-left: 36pt; }