• 技术文章 >web前端 >css教程

    CSS中text-transform属性实现字符串转换的代码

    不言不言2018-08-06 16:58:08原创1401

    本篇文章给大家带来的内容是关于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>

    相关文章推荐:

    CSS中table表格的两种使用方法(实例)

    多列布局的概念是什么?CSS多列布局的应用(实例代码)

    以上就是CSS中text-transform属性实现字符串转换的代码的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:text-transform属性
    上一篇:CSS中table表格的两种使用方法(实例) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 手把手教你使用CSS实现酷炫六边形网格背景图• 聊聊怎么利用CSS实现波浪进度条效果• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景
    1/1

    PHP中文网