简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

CSS如何将单词首字母设置为大写_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:31:20
Original
1661 people have browsed it

CSS如何将单词首字母设置为大写:
本章节介绍一下如何使用CSS将英文单词的第一个字母设置为大写状态，代码实例如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#box {  height:300px;  width:300px;  border:1px solid;  text-transform:capitalize;}</style></head><body><div id="box">i am a good student</div></body></html>
Copy after login

 

以上代码实现了我们的要求，比较简单，可以参阅CSS的text-transform属性一章节，

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9649

更多内容可以参阅:http://www.softwhy.com/divcss/

 

Related labels：
CSS如何将单词首字母设置为大写
source：php.cn
Previous article：前端开发面试题--HTML篇_html/css_WEB-ITnose Next article：设置TinyMCE在线HTML编辑控件只读_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Enhance WordPress by capitalizing post and page titles (h1 – h6) I want to create a function that will capitalize (the first letter of every word is capita...
From 2023-09-09 11:08:11
0
1
231
Reverse text direction for HTML input For my website I need to provide Arabic language support. Part of this is to provide an in...
From 2023-08-22 12:58:49
0
2
328
A function that capitalizes the first three letters of each word in the given array. I wrote a function that takes a word and capitalizes the first three letters. Now I need t...
From 2023-07-29 10:09:17
0
1
259
Python string case conversion problem str.lower() strings are all lowercase. str.upper() string in all uppercase letters. {code....
From 2017-06-28 09:23:09
0
2
990
android-studio - android 应用开发问题 如图所示，1为在单词在数据库中的序号，按下ok会出现缺少3个字母的单词，缺少的字母的位置由随机数产生。请问各位大神，如何才能将缺少的字母正确的传给下面的选项中。本人的代码如下，但是...
From 2017-04-17 13:56:23
0
0
258
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！