html 横条流动横幅 代码

html 横条流动横幅 代码,第1张

html 横条流动横幅,需要通过DIV+Html代码一起实现。

实现方式:

<center><MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=600 height=350>

<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>

<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>

</MARQUEE></center>

具体说明:

控制滚动位置,一般设置居中。<center></center>

控制滚动速度,可以通过scrollamount=""来控制,填入相关数字,来控制具体速度。

控制滚动方式,一般为上、下、左、右。UP、Down、left、right

控制宽度和高度,收代码width、height来控制。

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

div {background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,

radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x

background-size: 20px 20pxbackground-position: -10px calc(100% + 16px), 0 calc(100% - 4px)}

3、浏览器运行index.html页面,此时在文字下方成功添加了波浪线。

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器,新建一个html文件,例如:index.html。

2、其次,在index.html的<body>标签中,添加代码:<hr/>。

3、浏览器运行index.html页面,此时成功在html中画了一条线。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7465808.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存