Text Code-Text Code - 书目录

Text Code-Text Code

Text Code

以下文本代码以“text”开头。例如,text-align,text-indent,text-shadow等。为了改变字体,请参阅字体码。

对齐文本

使用CSS text-align属性来对齐文本(或块级元素的任何其他内联元素):

<p style="text-align:left;">Left</p>
<p style="text-align:center;">Center</p>
<p style="text-align:right;">Right</p>

装饰文本

以下是CSS text-decoration属性的示例:

<p><a style="text-decoration:none;" href="http://www.html.am">Link with no underline...</a></p>
<p style="text-decoration:underline;">Normal text with underline</p>
<p style="text-decoration:line-through;">Text with a line through the middle</p>
<p style="text-decoration:overline;">Text with an overline</p>
<p style="text-decoration:blink;">Blinking text (doesn't work on all browsers)</p>

缩进文字

在具有以下text-indent属性的段落中缩进文本的第一行:

<p style="text-indent:18px;width:200px;">The first line of this paragraph is indented by 18 pixels. Each subsequent line is not indented.</p>
<p style="text-indent:2.8em;width:200px;">The first line of this paragraph is indented by 2.8 em. An em defines the proportion of the letter width and height with respect to the point size of the current font.</p>
<p style="text-indent:35%;width:200px;">The first line of this paragraph is indented by 35% (i.e. 35% of the containing block - not this paragraph).</p>
<p style="text-indent:-8px;width:200px;">The first line of this paragraph is indented by a negative amount (-8 pixels). </p>

创建阴影

CSS text-shadow属性接受4个值。前两个指定垂直和水平偏移,第三个指定模糊的半径。第四个值指定投影的颜色。这里有些例子:

<p style="font-size:18px;color:orange;text-shadow:1px 1px 1px #666;">Drop shadow 1</p>
<p style="font-size:18px;color:orange;text-shadow:1px 1px 1px #000;">Drop shadow 2</p>
<p style="font-size:18px;text-shadow:4px 4px 4px #666;">Drop shadow 3</p>
<p style="font-size:18px;color:orange;text-shadow:4px 4px 8px #666;">Drop shadow 4</p>
<p style="font-size:18px;color:#fff;text-shadow:1px 1px 8px #000;">Drop shadow 5</p>

转换文本

要更改文字的大小写,请使用该text-transform属性。例如,您可以将文本大写或将其从小写更改为大写(反之亦然)。这里是一些例子:

<p style="text-transform:capitalize;">capitalized text (also known as title case)</p>
<p style="text-transform:uppercase;">uppercase text</p>
<p style="text-transform:lowercase;">TALK QUIETLY</p>

要进行更改字体,将其设置为粗体或斜体等,请参阅这些字体代码。

133766

 

英语原文:http://www.html.am/html-codes/text/text-code.cfm 由工具自动翻译,由书目录整理