使用CSS的drop-caps [英] Drop-caps using CSS

问题描述

如何让每个段落的第一个字符如下所示：

我更喜欢使用CSS。

解决方案

  p：first-letter {
 float：left; 
 font-size：5em; 
 line-height：0.5em; 
 padding-bottom：0.05em; 
 padding-top：0.2em; 
} 
  

根据需要调整字体，padding和line-height。

示例： http://jsfiddle.net/RLdw2/

How can I make the first character of each paragraph look like this:

I'd prefer using CSS only.

解决方案

p:first-letter {
    float: left;
    font-size: 5em;
    line-height: 0.5em;
    padding-bottom: 0.05em;
    padding-top: 0.2em;
}

Tweak the font, padding, line-height as needed.

Example: http://jsfiddle.net/RLdw2/

这篇关于使用CSS的drop-caps的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！