简约边框箭头底色阴影正文

源代码

<section style="margin: 10px;text-align: center;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;text-align: left;width: 100%;padding-left: 1em;box-sizing: border-box;"><section style="display: inline-block;vertical-align: bottom;margin-left: -1em;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 0px;border-left: 0.8em solid rgb(240, 240, 244);border-bottom: 0.8em solid rgb(240, 240, 244);border-top: 0.8em solid transparent !important;border-right: 0.8em solid transparent !important;box-sizing: border-box;"></section><section style="width: 0px;margin-top: -1em;margin-left: 0.2em;border-left: 0.8em solid rgb(255, 255, 255);border-bottom: 0.8em solid rgb(255, 255, 255);border-top: 0.8em solid transparent !important;border-right: 0.8em solid transparent !important;box-sizing: border-box;"></section></section><section style="margin-top: 0.3em;padding-bottom: 1em;background-color: rgb(192, 198, 201);box-sizing: border-box;"><section style="border-width: 0.2em;border-style: solid;border-color: rgb(240, 240, 244);display: inline-block;width: 100%;margin-top: -1em;margin-left: -1em;background-color: rgb(255, 255, 255);box-sizing: border-box;"><section style="padding: 10px;box-sizing: border-box;"><p style="box-sizing: border-box;">                        曾经拥有的，不要忘记。不能得到的，更要珍惜。属于自己的，不要放弃。已经失去的，留作回忆。曾经拥有的，不要忘记。不能得到的，更要珍惜。属于自己的，不要放弃。已经失去的，留作回忆。曾经拥有的，不要忘记。</p></section></section></section></section></section>

可视化

曾经拥有的，不要忘记。不能得到的，更要珍惜。属于自己的，不要放弃。已经失去的，留作回忆。曾经拥有的，不要忘记。不能得到的，更要珍惜。属于自己的，不要放弃。已经失去的，留作回忆。曾经拥有的，不要忘记。

关于我们

快捷导航

联系我们

关于我们