您所在的位置为:建站知识>>建站知识-网站设计制作>>正文

【CSS】如何用CSS来设置文本的对齐方式

时间: 2010-06-28 15:00 字号:|| 点击:

不管是图片还是文字内容,我们通常会用到对齐方式。一般对齐方式分为左对齐、右对齐、居中、靠上或者是靠下对齐。当然,这些对齐方式我们也能通过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>

上面这段代码中,分别描述的是文字在一个表格中居中对齐,居左对齐和居右对齐。具体效果如下:

收藏   打印   关闭 上一篇: 【CSS】如何用CSS来定义文本的颜色 下一篇: 【CSS】如何用CSS来设置行间距

底部导航

新手上路 付款方式 常见问题 服务支持 关于网站宝
注册建站账户 在线支付 关于网站备案 建站热线:400 696 0848 网站宝介绍
在线免费建站 银行转账 如何解析域名 在线咨询留言 网站地图
建站视频教程 来公司付款 建站价格费用 建站服务申请 加入网站宝
建站图文教程 上门收款 做网站流程 投诉电话:021-61659662 合作与渠道
升级到收费版 邮局汇款 怎样网站推广 帮助中心 QQ群:103611961 联系方式