滚动的文字 巧用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进制数码)
语法:<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进制数码)
相关文章推荐
- marquee 滚动文字 效果属性介绍
- 滚动文字Marquee属性及参数设置
- TextView title 文字过多滚动 TextView属性android:ellipsize="marquee"不生效的解决办法
- Marquee滚动文字属性及参数设置
- 滚动文字Marquee属性及参数设置
- 舞动你的文字,巧用CSS中marquee属性
- 多媒体网页效果(一)————滚动文字Marquee属性及参数设置
- CSS中背景图片滚动属性background-attachment
- javascript 模拟Marquee文字向左均匀滚动代码
- javascript 模拟Marquee文字向左均匀滚动代码
- Marquee配合DIV实现的文字滚动效果代码
- HTML中使用marquee文字滚动
- html借助marquee实现文字左右滚动
- JQuery实现文字无缝滚动效果(Marquee插件)
- css文字控制与css文本样式示例和属性
- css图片文字相关属性
- CSS文字垂直居中和font-family属性
- div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
- HTML滚动文字代码 marquee标签
- CSS-文字相关属性