站長資訊網
        最全最豐富的資訊網站

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        之前的文章《一招教你使用html給圖片添加邊框效果(代碼詳解)》中,給大家介紹了怎么使用html給圖片添加邊框效果。下面本篇文章給大家介紹怎么使用css給文字添加火焰效果,我們一起看看怎么做。

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        打開HTML代碼軟件,建立一個代碼

        1、這兒來一個p標簽,然后咱就隨便寫幾個,開心就笑,累了就睡覺,醒了就微笑,代碼示例

        <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>開心就笑,累了就睡覺,醒了就微笑</p> </body> </html>

        代碼效果

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        代碼效果出來了,發現是一個非常標準的一個字體對吧,我想把這個字體變成斜體,那這個東西怎么做呢,來咱們看著。

        2、實際上來說有一個樣式能幫助到我們叫做font-style,這里邊有一個東西叫做italic,這個東西能直接幫助咱們把這個文字變成斜體,代碼示例。

        <style type="text/css">     p{font-style: italic;}   </style>

        代碼效果

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        代碼效果出來了,發現這文字還真的傾斜,這就是一個文字的一個斜體,它還有一個其他的一個方式叫做oblique這兩種方式都能讓這個文字變成傾斜 ,但是它們兩個看著像是都一樣 ,來咱們可以看一眼,代碼示例。

        p{font-style: oblique;}

        代碼效果

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        代碼效果出來了,感覺跟剛才那個差不多對吧 ,不過我想要做火焰效果,那怎么做?

        3、將【傾斜】標簽先刪除,然后在head標簽之間加入<style type="text/css"></style>這串代碼然后在style標簽中輸入文本的水平對齊方式、字體、顏色、陰影,代碼示例。

        p{ text-align:center; font:bold 60px Arial, Helvetica, sans-serif; color: red; text-shadow: 0 0 4px white, 2px -5px 4px #ff3, -2px -15px 11px #f80, 2px -25px 18px #f20; }

        代碼效果

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        4、為了增強火焰效果,這里把背景顏色設置成黑色,在style標簽中輸入

        body{background-color:#000;}

        代碼效果

        手把手教你使用css給文字添加火焰效果(代碼詳解)

        推薦學習:CSS視頻教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久中文精品无码中文字幕| 日韩精品无码一本二本三本| 日产精品99久久久久久| AAA级久久久精品无码区| 99在线精品免费视频九九视| 亚洲精品国产精品乱码不卡| 国产精品免费在线播放| 精品综合久久久久久97超人| 日韩精品久久久肉伦网站| 日韩精品一区二区三区中文字幕 | 久久久91人妻无码精品蜜桃HD| 欧美精品1区2区| 成人伊人精品色XXXX视频| 亚洲日韩精品一区二区三区| 欧美精品91欧美日韩操| 国内精品欧美久久精品| 亚洲国产精品久久久久| 国产精品久久久久久搜索| 久久精品国产亚洲av日韩| 亚洲AV无码成人精品区在线观看 | 久久久久99精品成人片试看| 一本久久a久久精品亚洲| 在线观看自拍少妇精品| 欲帝精品福利视频导航| 亚洲AV无码久久精品色欲| 无码日韩精品一区二区免费| 亚洲精品无码久久久久| 亚洲午夜精品久久久久久浪潮| 四虎永久在线精品国产馆V视影院| 久久精品女人天堂AV麻| 免费短视频软件精品一区二区 | 国产成人综合久久精品尤物| 欧美精品国产日韩综合在线| 精品国产欧美另类一区| 国产精品三级在线| 久久99精品国产99久久6男男| 国产精品久久网| 2021国产三级精品三级在专区| 99久久精品免费看国产免费| 国产精品日韩欧美在线第3页| 精品多毛少妇人妻AV免费久久|