方格背景引号边框上下图文

源代码

<section style="margin:10px;"><section style="width: 100%;vertical-align: top;background-image: url(http://img.mifenlei.com/template/1600054085848858.gif);background-position: 0% -79.8246%;background-repeat: repeat;background-size: 100.439%;background-attachment: scroll;box-shadow: #551212 0px 0px 3px;padding: 10px;border-width: 0px;border-radius: 6px;border-style: none;border-color: #3e3e3e;overflow: hidden;box-sizing: border-box;"><section style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;border-width: 1px;border-style: solid;border-color: #777070;padding: 10px;border-radius: 5px;box-sizing: border-box;"><section style="margin: -25px 0% 10px;box-sizing: border-box;"><section style="display: inline-block;width: 15%;vertical-align: top;box-sizing: border-box;"><section style="text-align: center;margin-right: 0%;margin-bottom: 10px;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 56.2 47.4" style="vertical-align: middle;max-width: 100%;box-sizing: border-box;" width="56.2"><g style="box-sizing: border-box;"><path d="M56.2,47.4V24.5H44.5c-1.2-10.9,6.1-20,6.1-20L44.7,0C34.3,7.9,33.3,24.5,33.3,24.5v22.9H56.2z" fill="#DCDCDC" style="box-sizing: border-box;"></path><path d="M22.9,47.4V24.5H11.2c-1.2-10.9,6.1-20,6.1-20L11.5,0C1,7.9,0,24.5,0,24.5v22.9H22.9z" fill="#DCDCDC" style="box-sizing: border-box;"></path></g></svg></section></section></section></section><section style="margin-top: -20px; margin-right: 0%; margin-left: 0%; box-sizing: border-box; text-align: right;"><section style="display: inline-block;vertical-align: top;width: 38.2%;box-sizing: border-box;"></section><section style="display: inline-block;vertical-align: top;width: 61.8%;padding-top: 10px;padding-right: 10px;box-sizing: border-box;"><section style="text-align: center;margin: 10px 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-width: 0px;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/eba84c604162be7278e609f9419ca8be.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="85"></section></section></section></section><section style="margin-top: -20px; margin-right: 0%; margin-left: 0%; box-sizing: border-box; transform: translate3d(15px, 0px, 0px); text-align: left;"><section style="display: inline-block;vertical-align: top;width: 50%;border-width: 1px;border-radius: 0px;border-style: solid;border-color: #777070;box-sizing: border-box;"><section style="box-sizing: border-box;transform: translate3d(10px, 0px, 0px);-webkit-transform: translate3d(10px, 0px, 0px);-moz-transform: translate3d(10px, 0px, 0px);-ms-transform: translate3d(10px, 0px, 0px);-o-transform: translate3d(10px, 0px, 0px);"><section style="box-sizing: border-box;"><p style="box-sizing: border-box;"><span style="color: #777070;box-sizing: border-box;"></span>那个秋天，</p><p style="box-sizing: border-box;">                                没有丰收的喜悦</p></section></section></section></section><section style="margin: 20px 0% 10px;box-sizing: border-box;"><section style="width: 100%;vertical-align: top;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="color: #777070;text-align: justify;line-height: 2;letter-spacing: 2px;font-size: 15px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;">                                那个秋天，没有丰收的喜悦，秋蝉哆嗦得唱不出原来的格调，变化仿佛一夜之间来临。</p></section></section></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们