简约圆点线框正文

源代码

<section style="margin-top:20px;"><section style="display: flex;justify-content: space-between;"><section><section style="width: 10px;height: 10px;border-radius: 50%;background-color: rgb(127, 188, 233);border-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);box-sizing: border-box;"></section><section style="width: 10px;height: 10px;border-radius: 50% 50% 50% 0px;background-color: rgb(235, 105, 108);border-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);margin-top: 8px;transform: rotate(-45deg);"></section></section><section style="width: 10px;height: 20px;margin-right: 20px;border-left: 1px solid rgb(0, 0, 0);border-right: 1px solid rgb(0, 0, 0);transform: skew(-40deg);-webkit-transform: skew(-40deg);-moz-transform: skew(-40deg);-ms-transform: skew(-40deg);-o-transform: skew(-40deg);"></section></section><section style="border-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);margin: -22px 5px 5px;box-sizing: border-box;"><section style="text-align: justify;padding: 20px 15px;box-sizing: border-box;"><p style="font-size: 14px;min-width: 1px;">                轻叩记忆的门环，找寻着丢失在梦里的飘散灵魂；轻盈的晚风，摇曳着记忆双手里不曾隐去的忧伤；在这如梦如幻的季节，是谁依然在轻思浅念？北风剪去的碎影，是谁在执着的期盼？</p></section></section><section style="display: flex;justify-content: space-between;margin-top: -26px;"><section style="width: 10px;height: 20px;margin-left: 20px;margin-top: 10px;border-left: 1px solid rgb(0, 0, 0);border-right: 1px solid rgb(0, 0, 0);transform: skew(-40deg);-webkit-transform: skew(-40deg);-moz-transform: skew(-40deg);-ms-transform: skew(-40deg);-o-transform: skew(-40deg);"></section><section><section style="width: 10px;height: 10px;border-radius: 0px 50% 50%;background-color: rgb(235, 105, 108);border-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);transform: rotate(45deg);"></section><section style="width: 10px;height: 10px;border-radius: 50%;background-color: rgb(127, 188, 233);border-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);margin-top: 8px;box-sizing: border-box;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们