2023年12月29日发(作者:)

网页字体设置源代码

一、文字大小、字体、颜色

1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大

格式:<fonr size=文字大小>被设置的字</font>

2. 设置文字字体属性是"face"

格式:<font face=文字字体>被设置的字</font>

3. 设置文字颜色的属性是"color"

格式:<fonr color=文字颜色>被设置的字</font>

二、文字其它基础效果

1. 文字加粗:<b>被设置的字</b>

2. 文字斜体:<i>被设置的字</i>

3. 文字下划线:<u>被设置的字</u>

4. 文字删除线:<s>被设置的字</s>

5. 文字移动

格式:<marquee *Amount="移动速度" direction="方向" >被设置的字</marquee>

设置移动速度属性是*Amount,他的取值范围是1到10。其中1为最慢,10为最快

设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)

三、文字段落设置

1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示

2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示

这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。

属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)

格式:<p align=属性值>被设置的段落</p>

3. 文字的分区显示:标记为<div>,属性同<p>

格式:<div align=属性值>被设置的段落</div>

四、文字链接设置

1. 点击文字转到链接地址

格式:< a href="所要连接的相关地址">被设置的字</a>

2. 点击文字在新窗口中打开链接地址

格式:<a href="相关地址" target="_blank">被设置的字</a>

五、文字特效

1. 彩色字体色彩绚丽

彩色字体色彩绚丽

color=#ff0000>彩

color=#ff00ff>丽

2. 阴影字体

阴影字体

COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 51px"阴影字体

3. 围边字体

围边字体

WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">围边字体

4. 投影字体

投影字体


bolder; FONT-FAMILY: 华文行楷; FILTER: blur(add=1, direction=45,strength=10);

WIDTH: 450px" color=red>投影字体

5. 抛射字体

抛射字体

121px" align=center>
抛射字体


6. 倒影字体

倒影字体倒影字体

FONT-FAMILY: 华文行楷">倒影字体

*="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">倒影字

7. 向上移动的文字

向上移动的文字

width="100%" border=0>

15pt" width="100%">
200px" *Amount=5 direction=up>

size=6>向上移动的文字

8. 向下移动的文字

向下移动的文字

width="100%" border=0>

15pt" width="100%">
200px" *Amount=8 direction=down>

向下移动的文字

9. 向左移动的文字

向左移动的文字


200px" *Amount=5 direction=left>

size=6>向左移动的文字

10. 向右移动的文字

向右移动的文字

200px" *Amount=5 direction=right>

color=red size=6>向右移动的文字

11. 由中间向两边移动的文字

由中间向两边移动的文字由中间向两边移动的文字

size=6>由中间向两边移动的文字

width=200 height=50>由中间向两边移动的文字

12. 由上下向中间移动的文字

由上下向中间移动的文字

由上下向中间移动的文字



height=60>
由上下向中间移动的

文字


height=60>由上下向中间移动的文字


文字连续滚动代码

…………要滚动的文字…………

direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down

left:文字自右向左滚动

right:文字自左向右滚动

up:文字自下向上滚动

down:文字自上向下滚动

这个标记是IE特有的,NETSCAPE是浏览不到这效果的

loop:如果想让文字无限循环,则参数是"-1";如果不是可以自行设置循环次数

behavior:滚动形式,有scroll,alternate,slide等。

scroll:是以滚动的形式移动

alternate:是以来回的形式移动

slide:文字滚动出来后不再动

dataformatas:文字类型,参数为:html,text,css等等

width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如100,150等,也可以用百分数表示,如50%

height:跟width一样是控制窗口的高度,大小也是以像素为单位的

scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现,单位为毫秒。1秒=1000毫秒

scrollamount:每次移动的长度,以像素为单位

bgcolor:背景颜色,可以是16进制数,也可以是颜色名(请参看颜色表)

2。用JAVASCRIPT实现,功能强大

实现文字从下往上不间断的滚动

id=marqueey>连续滚动的字测试1
连续滚动的字测试2
连续滚动的字测试3
连续滚动的字测试4

id="templayer"