如何用css添加文本样式,如何用css添加文本样式框

1、使用CSS 设置文本样式有哪些？

1、使用CSS 设置文本样式有：color、letter-spacing、line-height、text-align、text-decoration、word-spacing

2、使用CSS 设置背景颜色的标签background-color，背景图片的标签：background

3、使用CSS 设置的其他元素有哪些？margin、padding、position等

相关问答

Q1: css文件中如何设置text样式

设置css文件中text样式

首先打开操作软件这里用DW编辑工具：取一个css名字为text；

!DOCTYPE html

html

head

meta charset="gb2312" /

title效果区/title

/head

body

style

.text{ width:200px; height:200px; background:#09C; color:#FFF; font-size:18px; font-weight:bold; text-indent:2em; text-align:left;}

/style

div class="text"

    文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域

/div

/body

/html

实现效果图如下：

详解：设置一个css样式取名：text，定义一个宽度与高度分别为200px。

其次设置一个背景颜色background:#09C;

字体颜色为白色 color:#FFF;

字体的大小为18xp：font-size:18px;

设置字体为粗体：font-weight:bold;

字体靠左对齐：text-align:left;

字体首行缩进2个文字(2em)：text-indent:2em;

Q2: 如何对文本进行css样式设置

color属性：设置文本文字颜色。用法如下：

color：颜色值;

color属性可以设置的合法颜色值包括：16进制颜色值（例：#ffffff），rgb颜色值【例：rgb(0,0,0)】，rgba颜色值【例：rgb(0,0,0,0.5)，0.5表示透明度】，hsl颜色值【例：hsl(120,65%,75%)】，hsla颜色值【hsl(120,65%,75%,0.3)，0.3表示透明度】。

2、css文本文字行高（行间距）的属性

line-height属性：设置行间的距离（行高）。用法如下：

line-height：值;

具体cssline-height属性是如何设置文本文字的行间距，大家可以参考之前的文章【css如何设置行间距？css文本文字的行间距设置】，希望对大家有所帮助。

3、css设置文本文字的水平对齐方式的属性

text-align属性：设置元素中的文本文字的水平对齐方式。用法如下：

text-align:left||right||center||justify;

left：设置文本文字左对齐。默认值：由浏览器决定。

right：设置文本文字右对齐。

center：设置文本文字居中对齐。

justify：实现两端对齐文本效果。

4、css文本缩进属性

text-indent属性：设置文本缩进。

具体csstext-indent属性是怎样设置文本缩进的，大家可以参考【css如何实现首行缩进效果？text-indent属性实现首行缩进】。

5、设置文本文字装饰效果

text-decoration属性：定义添加到文本的修饰。

说明：

这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。

用法：

text-indent：none||[underline(下划线)||overline(上划线)||line-through(中划线)]||blink;

none：默认值，定义标准的文本。

underline：定义文本下的一条线。

overline：定义文本上的一条线。

line-through：定义穿过文本下的一条线。

blink：定义闪烁的文本。

6、文本字符的大小写转换属性

text-transform属性：控制文本字符的大小写。

用法：

text-transform:uppercase(全大写)||lowercase(全小写)||capitalize(首字母大写)||none;

7、文本文字间距的属性

word-spacing属性：设置文字或单词之间的间距，单词之间的间距=word-spacing+空格大小。

letter-spacing属性：设置字母间的间隔。

8、文本文字阴影的属性

text-shadow属性：向文本文字设置阴影