前端实现改变字母的大小写_css

6

以往页面中的英文字母大小写问题可能需要使用js中的函数或者在写页面的时候写好才能解决,显示有了新的方案,就是使用css来进行控制 1234567891011121314151617…

以往页面中的英文字母大小写问题可能需要使用js中的函数或者在写页面的时候写好才能解决,显示有了新的方案,就是使用css来进行控制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文字大小写</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <style type="text/css">
        .p1 {
            text-transform: capitalize;
        }
        .p2 {
            text-transform: lowercase;
        }
        .p3 {
            text-transform: uppercase;
        }
    </style>
</head>
<body>
    <p class="p1">this is the test of text-transform</p>
    <p class="p2">this is the test of text-transform</p>
    <p class="p3">this is the test of text-transform</p>
</body>
</html>

text-transform: capitalize;表示的是首字母大写,text-transform: lowercase;表示的是全部小写,text-transform: uppercase;表示的是全部大写

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注