中国风古风古诗背景边框正文

美化源代码
复制源代码
源代码
<section style="box-sizing: border-box;padding: 1.6rem 1rem;background-image: url(http://img.mifenlei.com/template/1600153275182985.gif);background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;"><section style="width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;"><section style="width: 5rem;height: 4.7rem;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8Lk41eF5dJrMDdiavveWI2VLnewZuTBhcVz0gAiax0UheWXgzicZAzWnuibA/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;"></section><section style="width: 5rem;height: 4.7rem;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8Ly1eibVnurGcn7QuLUxOolsuW1OJd1V2TSQUtbTvUTCC869O4eFxvQWA/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;"></section></section><section style="margin-top:-20px;width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;"><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    临</p></section><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;margin-left: 0.5rem;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    安</p></section><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;margin-left: 0.5rem;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    春</p></section><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;margin-left: 0.5rem;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    雨</p></section><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;margin-left: 0.5rem;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    初</p></section><section style="width: 34px;height: 31px;font-size: 16px;color: #942124;box-sizing: border-box;padding-left: 9px;padding-top: 4px;margin-left: 0.5rem;overflow: hidden;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8LCnRhVlp6rxyuQB9NRcIxgfZ6eVaTrQ055Ix68XqAxqZttmkz0v1Zmw/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;"><p>                    霁</p></section></section><section style="width: 100%;letter-spacing: 2px;line-height: 1.6rem;font-size: 1rem;margin-top: 1rem;margin-left:10px;"><p style="text-align: center;"><span style="font-size: 14px;">世味年来薄似纱，谁令骑马客京华。</span></p><p style="text-align: center;"><span style="font-size: 14px;">小楼一夜听春雨，深巷明朝卖杏花。</span></p><p style="text-align: center;"><span style="font-size: 14px;">矮纸斜行闲作草，晴窗细乳戏分茶。</span></p><p style="text-align: center;"><span style="font-size: 14px;">素衣莫起风尘叹，犹及清明可到家。</span></p></section><section style="width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;"><section style="width: 5rem;height: 4.7rem;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8Ly1eibVnurGcn7QuLUxOolsuW1OJd1V2TSQUtbTvUTCC869O4eFxvQWA/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);"></section><section style="width: 5rem;height: 4.7rem;background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaV9mugPQltnSicGZxXjaL8Lk41eF5dJrMDdiavveWI2VLnewZuTBhcVz0gAiax0UheWXgzicZAzWnuibA/640?wx_fmt=png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0px 0px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);"></section></section></section>
可视化
临
安
春
雨
初
霁
世味年来薄似纱，谁令骑马客京华。
小楼一夜听春雨，深巷明朝卖杏花。
矮纸斜行闲作草，晴窗细乳戏分茶。
素衣莫起风尘叹，犹及清明可到家。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
