css文本样式及控制文本的大小写方法

来源：动视网责编：小采时间：2020-11-27 18:52:57

css文本样式及控制文本的大小写方法

css文本样式及控制文本的大小写方法:常用文本样式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text文本样式</title> <style> h3{ /*text-i

推荐度：

点击下载本文 文档为doc格式

导读css文本样式及控制文本的大小写方法:常用文本样式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text文本样式</title> <style> h3{ /*text-i

常用文本样式如下:

<!DOCTYPE html><html lang="en"><head>
 <meta charset="UTF-8">
 <title>text文本样式</title>
 <style>
 h3{
 /*text-indent:首行缩进*/
 text-indent: -2em;
 padding-left:2em;
 /*text-shadow:必需。水平阴影的位置。允许负值。
 必需。垂直阴影的位置。允许负值。
 可选。模糊距离
 可选。阴影颜色*/
 text-shadow: 5px 5px 1px red;
 }
 p{
 padding-left: 2em;
 /*text-wrap规定文本换行标准，配合width使用*/
 width:200px;
 text-wrap: normal;
 }
 #p1{
 /*text-transform属性控制文本的大小写*/
 /*capitalize首写字母大写*/
 text-transform: capitalize;
 }
 #p2{
 /*lowercase全部小写*/
 text-transform: lowercase;
 }
 #p3{
 /*uppercase全部大写*/
 text-transform: uppercase;
 }
 </style></head><body><h3>title</h3><p id="p1">this is a test text,this is a test text,this is a test text</p><p id="p2">this is a test text,this is a test text,this is a test text</p><p id="p3">this is a test text,this is a test text,this is a test text</p></body></html>

更多css文本样式及控制文本的大小写方法相关文章请关注PHP中文网！

css文本样式及控制文本的大小写方法

css文本样式及控制文本的大小写方法:常用文本样式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text文本样式</title> <style> h3{ /*text-i

推荐度：

点击下载本文 文档为doc格式

标签：文本大写字母 css

热门焦点

css文本样式及控制文本的大小写方法

css文本样式及控制文本的大小写方法

css文本样式及控制文本的大小写方法

最新推荐

猜你喜欢

热门推荐