CSDN自定义模块内容编写

一、什么是自定义模块

  • 栏目内容支持HTML格式,不支持JS,
  • 最多添加1个自定义栏目,VIP、博客专家、企业博客才可在个人详情页显示

二、案例代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>CSDN自定义模块内容编写</title>
</head>
<body>
<!-- 引入jquery -->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<div style="height: 300px; width: 300px;">
    <!-- 栏目内容 Start:请在里面填充自定义内容 -->
    <p style="font-size: 16px;margin-top:0;margin-bottom:10px;text-align: center;background: linear-gradient(90deg, #40e0d0, #ff8c00, #ff0080);
                    -webkit-background-clip: text;
                    color: transparent;">这是标题,写点什么呢</p>
    <img style="max-width: 100%;" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3699199081,2516633139&fm=15&gp=0.jpg"/>
    <marquee><p color="#47c1a8">合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。</p></marquee>
    <!-- 栏目内容 End -->
</div>
</body>

</html>

三、效果截图

  • QQ录屏功能,快捷键 Ctrl + Alt + S选择录屏范围 -> 开始录屏 -> 保存录屏
  • 平台暂时不支持本地视频上传,那我就上传张效果图,如下所示:
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_36025814/article/details/113932601