CSS中的文字效果学习

一、文字内阴影

效果展示：

代码如下：

p {
   
    text-align: center;
    padding: 24px;
    margin: 0;
    font-family: helvetica, arial, sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #D1D1D1;
    background: #CCC;
    text-shadow: 1px 1px white,  
        -1px -1px #333;
}

二、文字闪烁效果

效果图：

代码如下：

html

<p class="arktitle">Ark</p