多彩边框渐变正文

美化源代码
复制源代码
源代码
<section style="border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;"><section style="width:100%;"><section style="padding: 1em;line-height: 1.6;max-width: 100%;border-left: 0.4em solid rgb(182, 228, 253);border-top-color: rgb(182, 228, 253);border-right-color: rgb(182, 228, 253);border-bottom-color: rgb(182, 228, 253);box-sizing: border-box;line-height: 25px;"><p style="background-image: -webkit-linear-gradient(left, rgb(61, 173, 233), rgb(191, 47, 203));background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;-webkit-background-clip: text;-webkit-text-fill-color: transparent;">那一个季节的树，倒了。</p><p style="background-image: -webkit-linear-gradient(left, rgb(61, 173, 233), rgb(191, 47, 203));background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;-webkit-background-clip: text;-webkit-text-fill-color: transparent;">那一山头，放过风筝的田野，没了。</p><p style="background-image: -webkit-linear-gradient(left, rgb(61, 173, 233), rgb(191, 47, 203));background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;-webkit-background-clip: text;-webkit-text-fill-color: transparent;">那一个下过雨的屋檐，老了。</p><p style="background-image: -webkit-linear-gradient(left, rgb(61, 173, 233), rgb(191, 47, 203));background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;-webkit-background-clip: text;-webkit-text-fill-color: transparent;">那一片中考过的、高考过的纸板上，</p><p style="background-image: -webkit-linear-gradient(left, rgb(61, 173, 233), rgb(191, 47, 203));background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;-webkit-background-clip: text;-webkit-text-fill-color: transparent;">对未来的宣言，满了。</p></section><section style="margin-top: -3em;max-width: 100%;width: 0.38em;overflow: hidden;float: left;background-color: rgb(254, 254, 254);"><section style="max-width: 100%;height: 1em;width: 0.4em;background-color: rgb(182, 228, 253);color: rgb(5, 115, 175);"></section><section style="max-width: 100%;width: 0px;height: 0px;border-style: solid;border-width: 0px 0.3em 0.3em 0.4em;border-color: transparent transparent transparent rgb(182, 228, 253);box-sizing: border-box;"></section><section style="margin-top: 0.2em;max-width: 100%;height: 0.5em;width: 0.4em;opacity: 0.8;background-color: rgb(182, 228, 253);color: rgb(5, 115, 175);transform: skewY(-30deg);-webkit-transform: skewY(-30deg);-moz-transform: skewY(-30deg);-ms-transform: skewY(-30deg);-o-transform: skewY(-30deg);"></section><section style="margin-top: 0.2em;max-width: 100%;height: 0.5em;width: 0.4em;opacity: 0.5;background-color: rgb(182, 228, 253);color: rgb(5, 115, 175);transform: skewY(-30deg);-webkit-transform: skewY(-30deg);-moz-transform: skewY(-30deg);-ms-transform: skewY(-30deg);-o-transform: skewY(-30deg);"></section><section style="margin-top: 0.2em;max-width: 100%;height: 0.5em;width: 0.4em;opacity: 0.3;background-color: rgb(182, 228, 253);color: rgb(5, 115, 175);transform: skewY(-30deg);-webkit-transform: skewY(-30deg);-moz-transform: skewY(-30deg);-ms-transform: skewY(-30deg);-o-transform: skewY(-30deg);"></section></section></section></section>
可视化
那一个季节的树，倒了。
那一山头，放过风筝的田野，没了。
那一个下过雨的屋檐，老了。
那一片中考过的、高考过的纸板上，
对未来的宣言，满了。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
