简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

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

不言
Lepaskan： 2018-08-06 16:58:08
asal
2912 orang telah melayarinya

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

相关文章推荐：

 CSS中table表格的两种使用方法（实例）

多列布局的概念是什么？CSS多列布局的应用（实例代码）

Atas ialah kandungan terperinci CSS中text-transform属性实现字符串转换的代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
text-transform属性
sumber：php.cn
Artikel sebelumnya：CSS中table表格的两种使用方法（实例） Artikel seterusnya：css中display：flex属性实现元素垂直居中的代码
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Apakah nombor prestasi di sebelah komponen dalam alat Vue dev? Adakah sesiapa mempunyai cerapan atau sumber untuk ciri tertentu dalam alat pembangunan Vu...
daripada 2023-11-09 14:46:48
0
1
305
Ralat Jenis Tidak Ditangkap: Tidak dapat menetapkan sifat yang tidak ditentukan (tetapkan 'innerHTML') Saya cuba membuat halaman web menggunakan php, pada elemen kelas "Continuous TextBox&...
daripada 2023-11-08 21:06:09
0
1
278
Bagaimana untuk memusnahkan harta objek secara bersyarat daripada pengambil Pinia? 我有以下商店：exportconstuseMyStore=defineStore('myStore',{state:()=>{return{openTransOnly:fal...
daripada 2023-11-08 17:47:18
0
1
275
Betulkan isu dalam Laravel-8 yang cuba membaca "id" harta pada null Saya mendapat ralat ini apabila menjalankan phpartisanmigrate:fresh --seed Perintah ini ak...
daripada 2023-11-08 14:07:01
0
2
155
Pengubahsuaian tidak langsung atribut terlampau beban App\Models\User::$profile adalah tidak sah. Hei, saya menggunakan laravel9 dan saya mempunyai hubungan antara dua model dalam aplikasi...
daripada 2023-11-08 11:50:44
0
1
270
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！