芒种阴影边框正文带标题日期

美化源代码
复制源代码
源代码
<section style="margin:10px 3px;"><section style="border-width: 1px; border-style: solid; border-color: #ffdea8; box-shadow: rgba(255, 222, 168, 0.5) 0px 0px 5px; padding: 15px 10px; border-radius: 10px; box-sizing: border-box;"><section style="padding-right: 8px; padding-left: 8px; display: flex; justify-content: space-between; box-sizing: border-box;"><section style="color: #ffa714; letter-spacing: 2px; line-height: 22px;">                节气芒种标题<mpchecktext contenteditable="false" id="1590458361458_0.6030919301668871"></mpchecktext></section><section style="font-size: 16px; color: #ffc706; font-style: italic; line-height: 22px;">                20200605<mpchecktext contenteditable="false" id="1590458361459_0.17118722724334545"></mpchecktext></section></section><section style="display: flex; justify-content: space-around; margin-top: 8px; margin-bottom: 8px;"><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section><section style="width: 2px; height: 2px; border-radius: 50%; background: #ffbd59; box-sizing: border-box;"><br/></section></section><section style="font-size: 15px; color: #7e5a1c; letter-spacing: 1px; line-height: 30px;">            芒种，二十四节气之一，夏季的第三个 节气，干支历午月的起始。芒种，是指 “有芒之谷类作物可种”的意思。这个 时节气温显著升高、雨量充沛、空气湿 度大，适宜晚稻等谷类作物耕种。</section></section></section>
可视化
节气芒种标题
20200605
芒种，二十四节气之一，夏季的第三个节气，干支历午月的起始。芒种，是指 “有芒之谷类作物可种”的意思。这个时节气温显著升高、雨量充沛、空气湿度大，适宜晚稻等谷类作物耕种。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
