新闻资讯圆角小标题边框上下图文

源代码

<section style="text-align: left;margin:10px 0px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="background-color:#2f6cda;border-radius:0px 50px 50px 0px;border-right:solid 5px #ff5781;display:inline-block;padding:4px 13px;"><section style="display: flex;justify-content:center;align-items:center;"><section style="width:8px;height:8px;background-color:#ffd042;border-radius:50%;"></section><section style="margin:0px 8px;color:#fff;font-size:18px; letter-spacing: 2px;transform: rotatez(0deg);"><p>                            今日要闻</p></section></section></section><section style="width:8px;height:8px;background-color:#ffd042;border-radius:50%;margin-right:40px;"></section></section><section style="margin-left:10px;margin-top:-8px;background-color:#eceeff;padding:1px;border-radius:10px;"><section style="border:solid 1px #8e96e4;padding:22px 14px 14px;margin:-10px 10px 10px -10px;background-color:#fefefe;border-radius:10px;"><section style="color:#3e3e3e;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;margin-bottom:10px;"><p>                           新闻 ，是指报纸、电台、电视台、互联网等媒体经常使用的记录与传播信息的 一种文体。是记录社会、传播信息、反映时代的一种文体。新闻概念有广义与狭义之分。</p></section><section style="width:46%;background-color:#e1ecff;padding:1px 14px;color:#fff;font-size:20px;display:inline-block;transform: rotatez(0deg);"><p><strong>NEWS</strong></p></section><section style="margin-top:-50px;"><section style="width: 38px;margin-left: auto;transform: rotatez(0deg);"><img src="https://cdn.file.mixinnet.cn/htmlImg/1ec285131ddf9f77354fc5661dc82341.png" style="display: block; width: 100%; height: auto;" alt=""></section><section style="display: flex;justify-content:center;align-items: flex-end;"><section style="width:45%;border-right:solid 7px #fefefe;border-top:solid 7px #fefefe;transform: rotatez(0deg);"><img src="https://cdn.file.mixinnet.cn/htmlImg/f0ef69caf3017df95f0162acc377d3ac.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="4712"></section><section style="width:57%;margin-left:-20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/f0ef69caf3017df95f0162acc377d3ac.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="4712"></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们