网络编程
位置:首页>> 网络编程>> 网页设计>> [翻译]标记语言和样式手册 Chapter 13 为文字指定样式(4)

[翻译]标记语言和样式手册 Chapter 13 为文字指定样式(4)

作者:zhaozy 来源:3user.com 发布时间:2008-02-15 16:08:00 

标签:文字,样式,标记,css,手册

文字对齐

同样受印刷界启发,我们能以text-align属性为文字应用左右对齐效果.左右对齐之后的文字会拉开单字之间的距离,让每行的宽度变得一样长,造出紧密,界限明确的分栏效果.

body {
  font-family: Georgia, Times, serif;
  line-height: 1.5em;
  text-align: justify;
  }

图13-7是作为示例的文字,现在左右对齐了!


图13-7 以text-align属性左右对齐过的文字效果

留意文字内容在左侧以及右侧都排列成一条直线.其他text-align属性能使用的设定值有:left,right,center.

举例来说,我们也能为<h1>标签应用text-align属性,将示例的标题居中.

h1 {
  letter-spacing: 4px;
  font-style: italic;
  text-align: center;
  }

图13-8是标题居中之后的效果.


图13-8 用textalign属性把<h1>居中

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com