print 设置纸张的高度_使用CSS获取笔记本纸张效果

您必须在某些网站上遇到过带衬纸效果的文字。衬里纸是一种流行的背景效果，我们将在这篇文章中使用CSS创建。这种效果的一个例子如下所示。

您可以使用统治纸张的图像而不是使用CSS创建这些行，但这不是一个好的选择，因为使用更多图像将占用更多的服务器空间并增加网页的加载时间。因此，如果您可以通过编码执行相同的任务，最好不要使用图像。

结构

HTML包含一个 带有id 纸的 div ，它将成为我们的笔记本纸。在它里面，还有另一个 带有id 模式的div ，它将包含纸张中的所有行。在这个 div中，还有另一个 带有id 内容的div， 其中包含要写在纸上的文本。

HTML

Dear Diary ... Clifton Hill.

造型

我们将主要设计四个部分 - 纸张，左边是红色的垂直线，蓝色的水平