CSS:text-transform属性,字符串转换

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>字符转换</title>
    <style>
        p.none {
            text-transform: none;
        <!-- 正常 -->
        }

        p.uppercase {
            text-transform: uppercase;
        <!-- 转大写 -->
        }

        p.lowercase {
            text-transform: lowercase;
        <!-- 转小写 -->
        }

        p.capitalize {
            text-transform: capitalize;
        <!-- 只对首字母大写 -->
        }
    </style>
</head>

<body>
<p class="none">This is a some Text.This is a some Text.</p>
<p class="uppercase">This is a some Text.</p>
<p class="lowercase">This is a some Text.</p>
<p class="capitalize">This is a some Text.</p>
</body>

</html>

猜你喜欢

转载自blog.csdn.net/u013101178/article/details/81433914