wordpress美化-修改鼠标经过文章列表出现动态虚框及圆角化

  • 6,473 views
    • 阅读模式
摘要

通过修改style.css文件，达到文章列表、及所有小工具、方块导航等达到列表框圆角效果，另外达到鼠标经过文章列表中出现蓝色虚框。这样的动态效果，增加博客的美观更好的达到用户体验。

具体效果看图片演示吧，wordpress美化-修改鼠标经过文章列表出现动态虚框及圆角化

直接在主题的style.css文件里增加代码：

  1. /** 网站圆角样式集合 **/
  2. #slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a，.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a
  3. {border-radius: 8px
  4. }
  5. /** 文章列表蓝色虚框 **/
  6. .post:hover, .tao-box:hover, .picture-box:hover, .picture-h:hover, .tab-site:hover, .cat-box:hover {
  7. border: 1px dashed #39c;
  8. }

当然，你也可以直接在主题设置里增加自定义样式CSS。

老张友情提醒，修改主题style.css以达到wordpress美化不要用win自来的记事本，用专业的软件，再者就是修改上传后要把本地缓存清理才可以正常显示

历史上的今天
10月
28
老张
  • 本文由 发表于 2018 年 10 月 28 日 13:42:52
  • wordpress美化
  • 列表框圆角
  • 动态边框
评论  0  访客  0
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定