有时一个网页的内容很好,但文字的样式看起来简单而直接,让读者阅读起来很无聊,他们离开了网页。但是当他们阅读故事书时,他们会因为那本书的良好视觉效果而完整地阅读它们,因此他们完成了书的阅读。那么如何增强网页中文本的视觉效果和样式。
本文将告诉您如何仅使用 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....
输出:
现在,正如您在输出中看到的,我们已经创建了一个漂亮的故事书般的效果,它将吸引读者阅读网页上的内容。