css text-transform 文本转换

效果如下：

image.png

<!DOCTYPE html>

<html>
    <head>
        <title>Test</title>
        <meta charset="UTF-8"/>
        <style type="text/css">
            .uppercase {
                text-transform: uppercase;
            }

            .lowercase {
                text-transform: lowercase;
            }

            .capitalize {
                text-transform: capitalize;
            }
        </style>
    </head>
    <body>
        <p class="uppercase">This is text.</p>
        <p class="lowercase">This is text.</p>
        <p class="capitalize">This is text.</p>
    </body>
</html>