您的位置:首页 > 产品设计 > UI/UE

滚动的文字 巧用CSS中marquee属性

2018-01-26 14:44 405 查看
动态的元素,更加吸引读者的眼球!如何使你的文字舞动起来呢,下面介绍CSS中移动属性marquee的用法。

  语法:<marquee> …</marquee>

  使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。

  <marquee direction=left>欢迎光临科讯青年学习频道!</marquee>

  direction=left,表示方向。上面文字效果是“欢迎光临科讯青年学习频道!”从右向左移动!另外,方向还有right,up,down。

  除了方向,我们还可以添加其他限制的元素:

  移动的方式:

  循环移动:loop=n(n,表示次数)

  绕圈移动:behavior=scroll

  只走一次:behavior=slide

  来回移动:behavior=alternate

  外观:

  字号:<font size=n>(n,变量)

  对齐方式:align=top/middle/bottom

  底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: