书本时间轴轴线样式带标题线框正文

源代码

<section style="margin:10px 0px;"><section style="display: flex;align-items:center;"><section style="width:1.2em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/5c0842b699c9cdb7171e3ac86cd9081d.png" style="display:block;"></section><section style="display:flex;align-items: center;margin-left: 7px;"><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section><section style="font-size: 22px;color:#b9251a;margin: 0px  10px;"><p>                    五一劳动节</p></section><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section></section></section><section style="border-left: solid 1px #b9251a;padding-left: 8px;margin: 10px;"><section style="margin-left: 4px;margin-top:-5px;padding: 10px 15px;color: #b9251a;background-color: #fff6f6;font-size: 15px;"><p style="letter-spacing: 2px;">                国际劳动节又称五一国际劳动节、国际示威游行日，是世界上八十多个国家的全国性节日。</p></section></section><section><section style="display: flex;align-items:center;"><section style="width:1.2em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/5c0842b699c9cdb7171e3ac86cd9081d.png" style="display:block;"></section><section style="display:flex;align-items: center;margin-left: 7px;"><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section><section style="font-size: 22px;color:#b9251a;margin: 0px  10px;"><p>                        五一劳动节</p></section><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section></section></section><section style="border-left: solid 1px #b9251a;padding-left: 8px;margin: 10px;"><section style="margin-left:4px;margin-top:-5px;padding: 10px 15px;color: #b9251a;background-color: #fff6f6;font-size: 15px;"><p style="letter-spacing: 2px;">                    国际劳动节又称五一国际劳动节、国际示威游行日，是世界上八十多个国家的全国性节日。</p></section></section></section><section><section style="display: flex;align-items:center;"><section style="width:1.2em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/5c0842b699c9cdb7171e3ac86cd9081d.png" style="display:block;"></section><section style="display:flex;align-items: center;margin-left: 7px;"><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section><section style="font-size: 22px;color:#b9251a;margin: 0px  10px;"><p>                        五一劳动节</p></section><section style="display: inline-block;width: 9px;height: 9px;vertical-align: top;box-sizing: border-box;background-image: linear-gradient(45deg, #ffd499, #feb16f);margin: 4px 2px 5px 5px;transform: rotatez(45deg);"></section></section></section><section style="border-left: solid 1px #b9251a;padding-left: 8px;margin: 10px;"><section style="margin-left:4px;margin-top:-5px;padding: 10px 15px;color: #b9251a;background-color: #fff6f6;font-size: 15px;"><p style="letter-spacing: 2px;">                    国际劳动节又称五一国际劳动节、国际示威游行日，是世界上八十多个国家的全国性节日</p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们