久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

CSS3文本陰影text-shadow屬性詳解

網(wǎng)頁(yè)設(shè)計(jì) html5模板網(wǎng)
下面小編就為大家?guī)?lái)一篇關(guān)于CSS3文本陰影text-shadow屬性詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦

文本陰影text-shadow屬性特效：

1.右下角陰影，左下角陰影，左上角陰影，右上角陰影

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>text-shadow</title>  
  6.     <style>  
  7.         p{   
  8.           text-align:center;   
  9.           margin:0;   
  10.           font-family: helvetica,arial,sans-serif;   
  11.           color:#999;   
  12.           font-size:80px;   
  13.           font-weight:bold;   
  14.           text-shadow:10px 10px #333;   
  15.         }   
  16.     </style>  
  17. </head>  
  18. <body>  
  19.     <p>Text Shadow</p>  
  20. </body>  
  21. </html>  

文字效果為：

如果將text-shadow改成：text-shadow:-10px 10px #333 ，就將出現(xiàn)左下角陰影

將text-shadow改成：text-shadow:-10px -10px #333 , 就將出現(xiàn)左上角陰影

 將text-shadow改成：text-shadow: 10px -10px #333 , 就將出現(xiàn)右上角陰影

2. 使用text-shadow設(shè)置立體文字效果

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>  
  2.  <html lang="en">  
  3.  <head>  
  4.      <meta charset="UTF-8">  
  5.      <title>text-shadow</title>  
  6.      <style>  
  7.          p{   
  8.            text-align:center;   
  9.            margin:0;   
  10.            font-family: helvetica,arial,sans-serif;   
  11.            color:#999;   
  12.            font-size:80px;   
  13.            font-weight:bold;   
  14.            text-shadow:-1px -1px #fff,   
  15.                                     1px 1px #333;   
  16.          }   
  17.      </style>  
  18.  </head>  
  19.  <body>  
  20.      <p>Text Shadow</p>  
  21.  </body>  
  22.  </html>  

以上這篇CSS3文本陰影text-shadow屬性詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。

相關(guān)文檔推薦

本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
本篇文章主要介紹了CSS3 linear-gradient線性漸變生成加號(hào)和減號(hào)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
這篇文章主要介紹了CSS mask-image屬性詳細(xì)介紹(小結(jié))的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了css3中的漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)的相關(guān)資料,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了淺談css3新單位vw、vh、vmin、vmax的使用詳解的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了淺談css3中calc在less編譯時(shí)被計(jì)算的解決辦法的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主站蜘蛛池模板： 精品国产免费一区二区三区演员表 | 免费看黄视频网站 | 亚洲国产精品一区二区第一页 | 亚洲精品国产精品国自产在线 | 粉色午夜视频 | 成人在线免费视频 | 国产一级视屏 | 国产成人午夜电影网 | 色综合天天综合网国产成人网 | 日韩视频1| 日韩精品免费一区二区在线观看 | 天天拍天天操 | 欧美精品一区二区三区四区 | 欧美成人综合 | 97偷拍视频 | 亚洲欧美精品久久 | 国产精品久久久免费 | 国产精品久久午夜夜伦鲁鲁 | 日韩免费视频 | 亚洲a网 | a在线免费观看视频 | 亚洲精品第一国产综合野 | 国产一区免费视频 | 日韩精品一区二区三区在线播放 | 日本黄色免费大片 | 夜夜久久 | 日韩一区二区三区四区五区六区 | 欧美美女二区 | 国产成人精品一区二区三区在线观看 | 天天影视网天天综合色在线播放 | 精品在线一区 | 黄色一级视频 | 激情五月综合 | 九九99靖品| 精品欧美一区二区精品久久久 | 亚洲网视频 | 在线免费观看欧美 | 成人性视频免费网站 | 一区二区三区中文字幕 | 国产精品女人久久久 | 欧美日韩亚洲国产 |