zoukankan      html  css  js  c++  java
  • 博客园Markdown语法折叠代码块,并支持内嵌Markdown语法+HTML

    最重要的来了

    • 实例代码
    咖啡金额
     <details>
    <summary>点击查看折叠代码块</summary>
    
    </details>
    

    在这里插入图片描述

    如果你想修改样式的话

    点击查看教程 + 首先申请博客园JS权限 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019101617295558.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191016173101496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70) + 再添加CSS样式,也可以根据自己的需求自定义去修改 ```js /*修改折叠代码块*/ #cnblogs_post_body details summary:hover { cursor: pointer;/*鼠标放上去显示小手*/ color:blue;/*鼠标放上去字体变为蓝色*/ } ``` ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191016173154213.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70)

    最后

    • 看了无数的Markdown的文章,最后还是自己无意中发现了折叠代码块...
    • 学到了吗?
      1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
  • 相关阅读:
    JVM-堆内存
    生产者消费者模式-基于线程池
    nginx 499错误
    thrift入门
    RPC-基于原生java实现
    rocketMQ入门
    跟着刚哥深入学maven(通俗易懂)
    跟着刚哥学习Spring框架--AOP(五)
    跟着刚哥学习Spring框架--通过注解方式配置Bean(四)
    跟着刚哥学习Spring框架--Spring容器(二)
  • 原文地址:https://www.cnblogs.com/taopanfeng/p/11687138.html
Copyright © 2011-2022 走看看