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

📅  最后修改于: 2021-08-30 02:31:20             🧑  作者: Mango

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

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

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

例子:

HTML


  

    GeeksforGeeks
    
  
    

  

    

        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....

  


输出:

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