页面测试记录

闲言碎语记录

代码展示：

<div style="font-family: Arial, sans-serif; background-color: #fff; padding: 20px; max-width: 1500px; margin: 0 auto;">


  <div style="background: white; border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 15px;">
    <div style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 10px;">
      刚整理完博客园callout样式 ，调整一下改准备工作了！
    </div>
    <div style="border-top: 1px dashed #ccc; padding-top: 10px; font-size: 0.85rem; color: #999;">
      <span>2025-10-20 14:33 </span> | <span>云边有个小夏目</span> | <span>江苏</span> | <span></span>
    </div>
  </div>

  
  <div style="background: white; border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 15px;">
    <div style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 10px;">
      给自己一个机会去认识新人，而不是回到过去那个不珍惜你的人身边
    </div>
    <div style="border-top: 1px dashed #ccc; padding-top: 10px; font-size: 0.85rem; color: #999;">
      <span>2025-10-20 10:33 </span> | <span>云边有个小夏目</span> | <span>江苏</span> | <span></span>
    </div>
  </div>
  

  <div style="background: white; border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 15px;">
    <div style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 10px;">
      博客园说说样式 ，好像不能够以瀑布流的形式去呈现
    </div>
    <div style="border-top: 1px dashed #ccc; padding-top: 10px; font-size: 0.85rem; color: #999;">
      <span>2025-10-19 14:23 </span> | <span>云边有个小夏目</span> | <span>江苏</span> | <span></span>
    </div>
  </div>
 
</div>