一行代码让你CSDN主页变为高大上

一行代码让你CSDN主页变为高大上

• 目录
• 博主介绍
• 设置自定义模块
• 跑马灯的背景及背景

目录

博主介绍

💂 个人主页:苏州程序大白 💂 个人社区:CSDN全国各地程序猿 🤟作者介绍：中国DBA联盟(ACDU)成员，CSDN全国各地程序猿（媛）聚集地管理员。目前从事工业自动化软件开发工作。擅长C#、Java、机器视觉、底层算法等语言。2019年成立柒月软件工作室，2021年注册苏州凯捷智能科技有限公司 💬如果文章对你有帮助，欢迎关注、点赞、收藏（一键三连）和C#、Halcon、python+opencv、VUE、各大公司面试等一些订阅专栏哦

设置自定义模块

在这里插入图片描述

跑马灯的背景及背景

• 宽123 高77 背景色为#f5f5f5的滚动区域

<marquee direction="left" width="123" height="77" bgcolor="#f5f5f5" >
苏州程序大白</marquee>

在这里插入图片描述

• 跑马灯边距

hspace：水平边距 vspace：垂直边距

<marquee direction="left" width="135" hspace="13" vspace="57" >苏州程序大白</marquee>

在这里插入图片描述

• 跑马灯速度

scrollamount：数值越大，滚动速度越快 通常设为5-10

<marquee scrollamount="10">苏州程序大白   速度为10的滚动</marquee>

在这里插入图片描述

• 跑马灯方向

direction： 可设为 < up：向上 down：向下 left：向左 right：向右 > 默认为从右向左

在这里插入图片描述

• 跑马灯循环

loop：设置跑马灯循环次数；默认值为-1或infinite，表示无限循环滚动

在这里插入图片描述

• 跑马灯滚动方式

behavior：可设为< scroll：循环滚动 slide：只滚动一次 alternate：来回滚动 > 默认为循环滚动

<marquee behavior="alternate">苏州程序大白   来回移动</marquee>

在这里插入图片描述

• 跑马灯延迟

scrolldelay： 数值值越大，滚动速度越慢，通常不设置

<marquee scrolldelay="77">苏州程序大白，延时77</marquee>

在这里插入图片描述