
不管是图片还是文字内容,我们通常会用到对齐方式。一般对齐方式分为左对齐、右对齐、居中、靠上或者是靠下对齐。当然,这些对齐方式我们也能通过Dreamweaver进行直接的设置,这里,我们来学习一下如何用CSS来实现这一目的。
文本的对齐方式一般是text-align。具体操作见下面代码:
<html>
<head>
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>
<body>
<table width="350" border="0">
<tr>
<td><h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3></td>
</tr>
</table>
</body>
</html>
上面这段代码中,分别描述的是文字在一个表格中居中对齐,居左对齐和居右对齐。具体效果如下:
.jpg)