阴影

最新推荐文章于 2025-07-16 14:40:26 发布

原创最新推荐文章于 2025-07-16 14:40:26 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

本文通过一首诗展示了如何使用HTML和CSS实现特定的文本样式，包括红色字体、下划线、阴影效果、首行缩进、字母间距和居中对齐。同时，探讨了文本布局的多种可能性。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>阴影</title>
        <style type="text/css">
            p {
                color: red;
                text-decoration: underline;
                text-shadow: -10px -5px 5px grey;
                text-indent: 3em;
                letter-spacing: 1em;
                text-align: center;
                /*float: right;*/
            vertical-align:sub;
            
            }
        </style>

    </head>

    <body>
        <div>
            
            <p>晚风吹起你鬓间的白发</p>              
            <p>抚平回忆留下的疤</p>
            <p>你的眼中 明暗交杂 一笑生花</p>
            <p>暮色遮住你蹒跚的步伐</p>
            <p>走近床头藏起的画</p>
            <p>画中的你 低着头不说话</p>
            <p>我仍感叹于世界之大</p>
            <p>也沉醉于儿时情话</p>
            <p>不剩真假 不做挣扎 无畏笑话</p>
            <p>我终将青春还给了她</p>
            <p>连同指尖弹出的盛夏</p>
            <p>心之所动 就随风去了</p>
            
            
            
            
            
        
        </div>
    
    </body>

</html>