模拟书页
<style>.bkBox {
margin: auto;
width: 600px;
height: 400px;
padding: 16px;
columns: 2;
column-gap: 40px;
column-fill: auto;
font: normal 1em / 1.2em Sans-serif;
background: rgba(243,226,199,1);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
}
</style>
<div class="bkBox">
<h2>文章标题忘了</h2>
<p style="text-align:center"><br><br>作者:肯定不是我<br><br></p>
<p>拈一缕岁月的风,沐一场时光的雨,让心在平淡中盈满温润,回眸,有明天可以奔赴,有过往可回头,有温暖可相依,这样的日子,是我想要的岁月静好。<br><br></p>
<p>清晨迎着阳光,走在熙熙攘攘的人群中,感谢这美好的一天,给我的这份踏实安稳,夜晚走在夕阳里,心里装着那盏为我留着的灯,感谢那份平凡的温暖,让我有一蔬一饭的幸福。<br><br></p>
<p>对生活的尊重和喜爱,让每一个清澈的日子,都溢满了欢喜。<br><br></p>
<p>每一天不同的风景,掩映着不同的心情,是岁月里的来和去,光阴更替,也许做不到花开不惊,叶落不悲,但已没有了过多的波澜,开始学会适应,生活越接近平淡,内心越接近绚烂。<br><br></p>
<p>无论阴晴圆缺,早已学会了坦然面对,人生是一场体验,要学会了用平和来取代抱怨,花开花落,惟内在的天气是不变的。</p>
<p>阳光下总有温暖生成,风雨过后总会有彩虹,入骨的妖娆,都是路过的风景,总有一天你会对着光阴莞尔一笑,这样的五味杂陈,才是岁月。</p>
</div>
代码分享:
<style>
.bkBox {
margin: auto;
width: 600px;
height: 400px;
padding: 16px;
columns: 2;
column-gap: 40px;
column-fill: auto;
font: normal 14px / 18px Sans-serif;
background: rgba(243,226,199,1);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
}
</style>
<div class="bkBox">
<h2>文章标题</h2>
<p style="text-align:center">作者:不是我</p>
<p>段落一<br><br></p>
<p>段落二<br><br></p>
</div>
这个书页好看,如真书本一样哒。。{:4_199:}{:4_199:} 红芍药 发表于 2022-4-17 13:49
这个书页好看,如真书本一样哒。。
喜欢就好 老黑的这个书页真漂亮,赞!{:4_199:} 加林森 发表于 2022-4-17 16:46
老黑的这个书页真漂亮,赞!
一般般吧 马黑黑 发表于 2022-4-17 17:05
一般般吧
不一般,挺漂亮的。 加林森 发表于 2022-4-17 17:23
不一般,挺漂亮的。
还行的吧估计 这书写的啥呀 马黑黑 发表于 2022-4-17 17:40
还行的吧估计
当然行的。还有立体的感觉。 鱼儿 发表于 2022-4-17 17:42
这书写的啥呀
胡乱摘抄的 加林森 发表于 2022-4-17 17:43
当然行的。还有立体的感觉。
嗯嗯,喝茶喝茶{:4_190:} 马黑黑 发表于 2022-4-17 17:48
嗯嗯,喝茶喝茶
好的好的。你也喝茶。{:4_190:} 真的有书页的感觉呢,漂亮。黑黑真棒{:4_199:} 红影 发表于 2022-4-17 19:25
真的有书页的感觉呢,漂亮。黑黑真棒
大概样式吧,需要深加工 工整的书页,漂亮{:4_187:} 千羽 发表于 2022-4-17 20:16
工整的书页,漂亮
可惜不是极端漂酿 和捧一本书的感觉非常相似,黑黑新招新鲜出炉了{:4_199:} 樵歌 发表于 2022-4-17 20:58
和捧一本书的感觉非常相似,黑黑新招新鲜出炉了
感觉还好吧? 马黑黑 发表于 2022-4-17 20:59
感觉还好吧?
狠好狠好。{:4_190:}