使用 HTML 和 CSS 创建发光文本阴影

为了创建发光的文本阴影，我们将使用 HTML 来创建文本样式的结构和 CSS。借助 CSS，我们可以为文本添加阴影。

HTML 代码：在本节中，我们将设计代码的基本结构。

    
    
    
    


    
Hello !
    
GeeksforGeeks

CSS 代码：在本节中，我们将使用一些 CSS 属性来设计发光文本阴影。 CSS text-shadow 属性将阴影应用于文本。
text-shadow CSS 属性为文本添加阴影。它接受要应用于文本及其任何装饰的以逗号分隔的阴影列表。每个阴影都由元素的 X 和 Y 偏移、模糊半径和颜色的某种组合来描述。

body{
    background: black;
}
  
h1{
    margin-top: 150px;
    text-align: center;
    font-size: 60px;
    font-family: 'century gothic';
    color: #ffffcc;
    text-shadow: 0 0 5px #fff,
                 0 0 10px #fff, 
                 0 0 20px green, 
                 0 0 30px green, 
                 0 0 40px green, 
                 0 0 55px green, 
                 0 0 70px green;
}

完整代码：是以上两个代码段的组合。

    
    
    
    


    
Hello !
    
GeeksforGeeks

输出：