内阴影边框带标题正文

美化源代码

复制源代码

源代码
<section style="margin:10px 5px;"><section style="box-shadow: #b2e19c 0px 0px 8px inset; padding:20px 10px 10px; text-align: center;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="background-color:#b2e19c;height:2px;width:30%;"></section><section style="background-color:#b2e19c;display:inline-block;padding:2px 15px;"><p style="letter-spacing: 2px;"><span style="color: #079200; letter-spacing: 2px;">标题正文</span></p></section><section style="background-color:#b2e19c;height:2px;width:30%;"></section></section><section style="margin:10px;"><p style="text-align: left; letter-spacing: 2px;"><span style="font-size: 15px; letter-spacing: 2px; color: #447940;">立夏，是二十四节气中的第7个节气，夏季的第一个节气。立夏交节时间为每年公历5月05－07日，此时北斗星的斗柄指向东南方，太阳黄经达45°。</span></p></section></section></section>

可视化

标题正文

立夏，是二十四节气中的第7个节气，夏季的第一个节气。立夏交节时间为每年公历5月05－07日，此时北斗星的斗柄指向东南方，太阳黄经达45°。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统