2011/02/11(金)blockquote

はてブ数 2011/02/11 04:34 サイト運営::デザインつーさ

前回の記事を書くにあたって、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;
}