HTML是網(wǎng)頁制作中常用的語言,其滾動彩色字體效果可以為網(wǎng)頁增添生動性和活力。
<html> <head> <title>滾動彩色字體效果</title> </head> <body> <marquee behavior="scroll" direction="left"> <p style="font-size: 36px; color: red; text-shadow: 2px 2px 4px #000000;"> 彩</p> <p style="font-size: 36px; color: orange; text-shadow: 2px 2px 4px #000000;"> 色</p> <p style="font-size: 36px; color: yellow; text-shadow: 2px 2px 4px #000000;"> 字</p> <p style="font-size: 36px; color: green; text-shadow: 2px 2px 4px #000000;"> 體</p> <p style="font-size: 36px; color: blue; text-shadow: 2px 2px 4px #000000;"> 效</p> <p style="font-size: 36px; color: purple; text-shadow: 2px 2px 4px #000000;"> 果</p> </marquee> </body> </html>
代碼中使用了marquee標(biāo)簽設(shè)置文字的滾動方向,p標(biāo)簽設(shè)置文字的樣式和顏色,text-shadow屬性可以產(chǎn)生文字陰影效果,增加了立體感。
如此一來,網(wǎng)頁中出現(xiàn)的彩色滾動字體,讓人眼前一亮。