博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS Text
阅读量:6493 次
发布时间:2019-06-24

本文共 987 字,大约阅读时间需要 3 分钟。

文本颜色

颜色属性被用来设置文字的颜色。

颜色是通过CSS最经常的指定:

  • 十六进制值 - 如: #FF0000
  • 一个RGB值 - 如: RGB(255,0,0)
  • 颜色的名称 - 如: red
body {
color:red;}h1 {
color:#00ff00;}h2 {
color:rgb(255,0,0);}

 

文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式。

文本可居中或对齐到左或右,两端对齐.

当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。

h1 {
text-align:center;}p.date {
text-align:right;}p.main {
text-align:justify;}

 

文本修饰

text-decoration 属性用来设置或删除文本的装饰。

从设计的角度看 text-decoration属性主要是用来删除链接的下划线:

h1 {
text-decoration:overline;}h2 {
text-decoration:line-through;}h3 {
text-decoration:underline;}

上划线,中间穿过删除,下划线

 

 

文本转换

文本转换属性是用来指定在一个文本中的大写和小写字母。

可用于所有字句变成大写或小写字母,或每个单词的首字母大写。

p.uppercase {
text-transform:uppercase;}p.lowercase {
text-transform:lowercase;}p.capitalize {
text-transform:capitalize;}

全部大写,全部小写,单词首字母大写

 

 

文本缩进

文本缩进属性是用来指定文本的第一行的缩进。

p {
text-indent:50px;}

 

 

扩展

这个例子演示了如何增加或减少字符之间的空间。

这个例子演示了如何指定在一个段落中行之间的空间

这个例子演示了如何改变元素的文本方向。

这个例子演示了如何增加一个段落中的单词之间的空白空间。

这个例子演示了如何禁用一个元素内的文字环绕。

这个例子演示了如何设置文本的垂直对齐图像。

这个例子演示了如何设置文本阴影。

 

转载地址:http://kekyo.baihongyu.com/

你可能感兴趣的文章
golang os.Args
查看>>
Linux常用命令
查看>>
【重磅】云栖社区2017年度内容特辑
查看>>
Java WEB开发时struts标签 显示set内容
查看>>
spring-data-elasticsearch 概述及入门(二)
查看>>
Solr启动和结束命令
查看>>
thymeleaf 知多少
查看>>
1.12 xshell密钥认证
查看>>
3.2 用户组管理
查看>>
awk
查看>>
AliOS Things SMP系统及其在esp32上实现示例
查看>>
postgresql 聚合函数 的编写
查看>>
循环遍历二叉树
查看>>
while循环 和 运算符
查看>>
MySQL压缩包安装
查看>>
SpringMVC参数绑定
查看>>
阿里云MVP:开发者的超能力,用技术创造更好世界
查看>>
云计算教学实践40:open***架构实施方案(一)跨机房异地灾备
查看>>
Vue和React的对比
查看>>
MyBatis 源码解析 —— SqlSessionFactory
查看>>