国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

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

2019-10-26 17:19:09
字體：大 中 小
來源：轉載
供稿：網友

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

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

  • <!DOCTYPE html>   <html lang="en">  
  • <head>       <meta charset="UTF-8">  
  •     <title>text-shadow</title>       <style>  
  •         p{              text-align:center;   
  •           margin:0;              font-family: helvetica,arial,sans-serif;   
  •           color:#999;              font-size:80px;   
  •           font-weight:bold;              text-shadow:10px 10px #333;   
  •         }        </style>  
  • </head>   <body>  
  •     <p>Text Shadow</p>   </body>  
  • </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設置立體文字效果

  • <!DOCTYPE html>    <html lang="en">  
  •  <head>        <meta charset="UTF-8">  
  •      <title>text-shadow</title>        <style>  
  •          p{               text-align:center;   
  •            margin:0;               font-family: helvetica,arial,sans-serif;   
  •            color:#999;               font-size:80px;   
  •            font-weight:bold;               text-shadow:-1px -1px #fff,   
  •                                     1px 1px #333;             }   
  •      </style>    </head>  
  •  <body>        <p>Text Shadow</p>  
  •  </body>    </html>  
    		•
    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    主站蜘蛛池模板： 虹口区| 旺苍县| 离岛区| 黄梅县| 揭东县| 尉犁县| 内乡县| 双辽市| 江山市| 科技| 黄陵县| 日土县| 大埔区| 平凉市| 大方县| 广饶县| 滦南县| 犍为县| 乳山市| 唐山市| 大城县| 东兰县| 多伦县| 弋阳县| 三亚市| 惠安县| 十堰市| 泽普县| 合山市| 仙游县| 建德市| 洛浦县| 临潭县| 灌阳县| 南昌市| 丹巴县| 同德县| 中江县| 兰西县| 长泰县| 鹤岗市|