如何使用 CSS 设计文本段落的首字母？

有时一个网页的内容很好，但文字的样式看起来简单而直接，让读者阅读起来很无聊，他们离开了网页。但是当他们阅读故事书时，他们会因为那本书的良好视觉效果而完整地阅读它们，因此他们完成了书的阅读。那么如何增强网页中文本的视觉效果和样式。

本文将告诉您如何仅使用 HTML 和 CSS在网页中创建类似故事书的效果。

在代码之前，您只需要在您的程序中为font-family 包含以下样式表： Cormorant Infant

例子：

HTML

  

    
    
  
    

  

    

        GeeksforGeeks is my favourite site where 
        I can gain a lot of knowledge and can 
        also share my knowledge what i have 
        gained while learning. We can add more 
        paragraphs for content. This is just an 
        example to tell how to create a story 
        book like effect. More paragraphs, 
        content just for showing its best effect. 
        Some more paragraphs needed. Just some 
        more. Now you can see it.
    
  
    

        This article tells about how to create 
        a story book like effect in a webpage 
        just using CSS. We can add more 
        paragraphs as required.
    
  
    
Some more paragraphs can be included....

  

输出：

现在，正如您在输出中看到的，我们已经创建了一个漂亮的故事书般的效果，它将吸引读者阅读网页上的内容。