国产探花免费观看_亚洲丰满少妇自慰呻吟_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>  
    		•
    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    主站蜘蛛池模板： 乌兰浩特市| 云南省| 开鲁县| 盘山县| 彭泽县| 甘泉县| 林口县| 襄城县| 英吉沙县| 宁阳县| 波密县| 衡南县| 贡觉县| 通渭县| 淳安县| 陈巴尔虎旗| 宁津县| 日喀则市| 安岳县| 沁阳市| 巴塘县| 浦江县| 通河县| 仲巴县| 信阳市| 富锦市| 新宁县| 莲花县| 河曲县| 象州县| 丹棱县| 太谷县| 建宁县| 东至县| 嘉义县| 紫阳县| 武宁县| 徐闻县| 瑞丽市| 日喀则市| 景宁|