缺角底色线框正文

美化源代码
复制源代码
源代码
<section style="margin-top: 10px; margin-bottom: 10px; background-color: rgb(237, 246, 244);"><section style="float: left;width: 20px;height: 20px;overflow: hidden;"><section style="margin-top: -10px;margin-left: -10px;width: 20px;height: 20px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #0d4a45;box-sizing: border-box;"></section></section><section style="float: right;width: 20px;height: 20px;overflow: hidden;"><section style="margin-top: -10px;margin-right: -10px;float: right;width: 20px;height: 20px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #0d4a45;box-sizing: border-box;"></section></section><section style="padding-right: 10px;padding-left: 10px;box-sizing: border-box;"><section style="height: 10px;border-top: 1px solid #0d4a45;box-sizing: border-box;"></section></section><section style="border-left: 1px solid #0d4a45;border-right: 1px solid #0d4a45;border-top-color: #0d4a45;border-bottom-color: #0d4a45;box-sizing: border-box;"><section style="vertical-align: top;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjMgXZ5Bz7RS4VqXNJC2d4EfZr36sNic5I1bY3Nefu07H9G3vM7OOzHozNZsNWrvIlfc1Maq6esVBg/0?wx_fmt=png);background-size: 15%;background-attachment: scroll;background-position: 0% 100%;background-repeat: no-repeat;"><section style="vertical-align: top;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjMgXZ5Bz7RS4VqXNJC2d4EfGt4mPu8KviaM6tcpvppibRleGo9iawZkqpYcAOFITGjMG6F1X2FzPViag/0?wx_fmt=png);background-size: 10%;background-attachment: scroll;background-position: 100% 0%;background-repeat: no-repeat;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;"><section style="vertical-align: top;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjMgXZ5Bz7RS4VqXNJC2d4Es4ElIn4wksPNm28ibDpU4lK8CQuLWBQjWh3bdicsicXhxPvuCZVgbHXIw/0?wx_fmt=png);background-size: 6%;background-attachment: scroll;background-position: 0% 0%;background-repeat: no-repeat;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;"><section style="vertical-align: top;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjMgXZ5Bz7RS4VqXNJC2d4EB71WBak9ZtosBC9CSliaBCv1yZwDCx0BqI9jxxFTpSAdpRJaLtdE5eQ/0?wx_fmt=png);background-size: 6%;background-attachment: scroll;background-position: 100% 10%;background-repeat: no-repeat;"><section style="vertical-align: top;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjMgXZ5Bz7RS4VqXNJC2d4El6oTrRp9YXYBZ5TQBQkgAic7TyyyY3Kum0vIryRBvOpmXuOGDcibQ0jw/0?wx_fmt=png);background-size: 6%;background-attachment: scroll;background-position: 50% 100%;background-repeat: no-repeat;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;"><section style="font-size: 14px; color: rgb(13, 74, 69); letter-spacing: 2px; line-height: 2; margin-right: 15px; margin-left: 15px;"><p>                                    雨是最寻常的，一下就是三两天。可别恼。看，像牛毛，像花针，像细丝，密密地斜织着，人家屋顶上全笼着一层薄烟。</p></section></section></section></section></section></section></section><section style="float: left;width: 20px;height: 10px;overflow: hidden;"><section style="margin-bottom: -10px;margin-left: -10px;width: 20px;height: 20px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #0d4a45;box-sizing: border-box;"></section></section><section style="float: right;width: 20px;height: 10px;overflow: hidden;"><section style="margin-bottom: -10px;margin-right: -10px;float: right;width: 20px;height: 20px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #0d4a45;box-sizing: border-box;"></section></section><section style="padding-right: 10px;padding-left: 10px;box-sizing: border-box;"><section style="height: 10px;border-bottom: 1px solid #0d4a45;box-sizing: border-box;"></section></section></section>
可视化
雨是最寻常的，一下就是三两天。可别恼。看，像牛毛，像花针，像细丝，密密地斜织着，人家屋顶上全笼着一层薄烟。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
