搜索

技术笔记 内联样式案例

一定 2022-07-08
经常有一些小修改,比如DIY加个模块之类的,做一些小修改,之前只会在A标签内写,今天请教了一个人,弄了个内联样式,简单多了。

这里做个笔记

  1. <style>
  2. .comiis_rtag {padding:20px;border-radius:10px;background:#FFFFFF}
  3. .comiis_rtag h3 {font-size:18px;font-weight:bold;color:#333333;padding-bottom:10px}
  4. .comiis_rtag .card-body a {float:left;margin-right:12px;padding:10px 0;font-size:15px}
  5. </style>
  6. <div class="comiis_rtag cl">
  7.   <h3>标签</h3>
  8.   <div class="card-body">
  9. <a href="tag-499.html">恐怖玩偶</a>
  10. <a href="tag-501.html">百合花114</a>
  11. <a href="tag-504.html">南柯少年</a>
  12. <a href="tag-470.html">夏日的微风</a>
  13. <a href="tag-469.html">曲幽然</a>
  14. <a href="tag-473.html">鬼故事精选</a>
  15. <a href="tag-472.html">童话</a>
  16. <a href="tag-498.html">横舟</a>
  17.   </div>
  18. </div>
复制代码
  1. padding为外边距;
  2. border-radius为圆角;
  3. background背景色
  4. font-size:为字体;
  5. font-weight:bold;color 为字体颜色;
  6. padding-bottom 下边距
  7. float:left 向左浮动
  8. margin-right 右边距
  9. padding:10px 0 上下距离为10px;左右距离为0
  10. font-size:字体大小为15

复制代码






上一篇:APP重大改版:因缓存问题建议删除下数据。      下一篇:小说信息提交,轻松赚米

使用道具 举报

您需要登录后才可以回帖 立即登录
侠之大者,为国为民。《神雕侠侣
共收到 0 条点评
返回顶部