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

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

網頁設計 html5模板網
下面小編就為大家帶來一篇關于CSS3文本陰影text-shadow屬性詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦

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

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

XML/HTML Code復制內容到剪貼板
  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 ，就將出現左下角陰影

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

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

2. 使用text-shadow設置立體文字效果

XML/HTML Code復制內容到剪貼板
  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屬性詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。

【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。

相關文檔推薦

本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了CSS3 linear-gradient線性漸變生成加號和減號的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
這篇文章主要介紹了CSS mask-image屬性詳細介紹(小結)的相關資料，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css3中的漸進增強和優雅降級的相關資料,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了淺談css3新單位vw、vh、vmin、vmax的使用詳解的相關資料，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了淺談css3中calc在less編譯時被計算的解決辦法的相關資料，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板： 日韩精品久久久 | 日韩爱爱网站 | 欧美日韩理论 | 成在线人视频免费视频 | 久久久久久久久久毛片 | 激情网站在线观看 | 国产精品99久久久久久动医院 | 91一区 | 红色av社区 | 男女网站免费观看 | 国产精品久久久 | m豆传媒在线链接观看 | 成人影院网站ww555久久精品 | 99在线免费观看 | 欧美一区二区小视频 | 久久亚洲国产精品 | 国产成人精品综合 | 国产伦精品一区二区三区高清 | 午夜在线免费观看 | 九九热这里只有精品在线观看 | 久久久久久成人网 | 99精品久久 | 日韩成人中文字幕 | 成人欧美一区二区三区黑人孕妇 | 在线视频亚洲 | 中文字幕在线视频免费视频 | 91中文字幕在线 | 亚洲人人 | 天天操夜夜骑 | 国产亚洲成av人片在线观看桃 | 精品久久国产 | 一区二区三区四区五区在线视频 | 国产精品一级 | 伊人网伊人网 | 中文字幕在线观看一区二区 | 国产高清视频在线观看 | 一区二区在线 | 中文字幕 在线观看 | 成年网站在线观看 | 天堂成人国产精品一区 | 免费午夜视频在线观看 |