随笔 - 130  文章 - 1  评论 - 16  阅读 - 12万 

html学习笔记(2)-字母大小写转换练习

主要应用了text-transform属性值：

uppercase：所有单词的字母都大写；

lowercase：所有单词的字母都小写；

capitalize：每个单词的首字母都大写；

none：默认值显示；

 

复制代码
 1 <head runat="server">
 2     <title>应用text-transform属性</title>
 3     <style type="text/css">
 4         h2
 5         {
 6             font-family: 黑体;
 7             font-size: 18pt;
 8             text-align: center;
 9         }
10         .p1
11         {
12             font-size: 15px;
13             text-transform: uppercase;
14         }
15         .p2
16         {
17             font-size: 15px;
18             text-transform:lowercase;
19         }
20         .p3
21         {
22             font-size: 15px;
23             text-transform:capitalize;
24         }
25         .p4
26         {
27             font-size: 15px;
28             text-transform:none;
29         }
30     </style>
31 </head>
32 <body>
33     <form id="form1" runat="server">
34     <div>
35         <h2>
36             转换英文大小写</h2>
37         <p class="p1">
38             Welcome to China......所有单词的字母都大写</p>
39         <p class="p2">
40             Welcome to China......所有单词的字母都小写</p>
41         <p class="p3">
42             Welcome to China......所有单词的字母首字母都大写</p>
43         <p class="p4">
44             Welcome to China......默认值</p>
45     </div>
46     </form>
47 </body>
View Code
复制代码


效果图：

 

posted on   水语者9  阅读(551)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
点击右上角即可分享
微信分享提示