稿纸样式一：由CSS线性渐变背景模拟 转自马黑教程专版

admin

山河如卷阅春秋 作曲：墨音 作词：墨音 歌词内容 山河如卷阅春秋 平生知己最难求 萍萍相遇前世修 此生缘分不肯丢 浊酒经年酿温柔 万千心事晚风收 情深不问年多久 相守余生到白头

admin

<style>
.txtBox {
        margin: auto;
        padding: 0 8px;
        width: 400px;
        height: 520px;
        background-image: linear-gradient(#fff 25px, #ed8181db 0);
        background-size: 26px 26px;
        font: 14px / 26px Sans-serif;
}
</style>

<div class="txtBox">文本</div>

admin

<style>
.txtBox {
        margin: auto;
        min-width: 700px;
        min-height:520px;
        background-image: linear-gradient(#fff 25px, #ed8181db 0);
        background-size: 26px 26px;
        font: normal 15px / 26px Sans-serif;
        color: black;
        border: 30px solid #fff;
        position: relative;
}
.txtBox::before, .txtBox::after {
        position: absolute;
        color: #ccc;
        text-align: right;
        width: 100%;
        height: 26px;
        font-size: 10px;
        background: #fff;
        border: 20px;
}
.txtBox::before {
        content: attr(data-1);
        top: -26px;
        border-bottom: 2px solid red;
}
.txtBox::after {
        content: attr(data-2);
        bottom: -26px;
        border-top: 2px solid red;
}
</style>

<div class="txtBox" data-1="枫丹稿纸" data-2="Copyright &#169; 2022 All Right Reserved">
        文本<br>
        文本<br>
</div>

admin

        文本
        文本