经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » CSS » 查看文章
Typora样式改造
来源:cnblogs  作者:`陌上殇`  时间:2021/6/15 8:57:22  对本文有异议

基于vue.css样式改造
作为平时写文档必不可少的利器typora,自然就得要好看一点的皮肤啦,这里分享一下自己改造后的主题,可以相互借鉴下??

这里对vue主题的一些样式做了修改,大家也可以根据自己的喜好自作修改,这里仅仅是参考,觉得可以的话,希望推荐下
样式展示:



代码:

typora主题官网下载vue主题=>编辑vue.css追加我的自定义代码

如果觉得可以的话,请点个推荐吧??

  1. /*自定义*/
  2. /*强调*/
  3. #write code, tt {
  4. padding: 2px 6px;
  5. border-radius: 4px;
  6. font-size: 1rem;
  7. color: #FFFFCC;
  8. background-color: #009966;
  9. }
  10. /*代码块*/
  11. #write .md-fences {
  12. border: 2px solid #c6e5d9;
  13. -webkit-font-smoothing: initial;
  14. margin: 0.8rem 0 !important;
  15. padding: 0.3rem 0 !important;
  16. line-height: 1.43rem;
  17. background-color: #F8F8F8 !important;
  18. border-radius: 2px;
  19. /*font-family: var(--font-monospace);*/
  20. font-size: 0.85rem;
  21. word-wrap: normal;
  22. }
  23. /*图片背景*/
  24. p .md-image:only-child{
  25. display: inline-block;
  26. width: auto;
  27. text-align: left;
  28. border: 7px solid #eee;
  29. /* padding: 1px; */
  30. background: #eee;
  31. }
  32. hr {
  33. height: 2px;
  34. padding: 0;
  35. margin: 16px 0;
  36. background-color: #FF9966;
  37. border: 0 none;
  38. overflow: hidden;
  39. box-sizing: content-box;
  40. }
  41. blockquote {
  42. border-left: 5px solid #00996663;
  43. border-left-style: outset;
  44. padding: 10px 15px;
  45. color: #777;
  46. background-color: #ffffcc24;
  47. border-radius: 7px;
  48. }

原文链接:http://www.cnblogs.com/thatbluesky/p/14876714.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号