AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > css教程

用CSS实现文本左右对齐且首行缩进的代码

51自学网 http://www.wanshiok.com
文本,左右对齐,首行缩进

先看效果图吧:

其源代码就比较干净了,源码如下:

复制代码
代码如下:

<p class="elegant">Our online order form allows you to order directly in the internet, saving your time and offering you convenience. Here’s how you do it.</p>
<p class="elegant">When you want to buy our commodities, please register first. After you create your account successfully, you can directly order our products and pay for them. Next time you just click “log in”, you can enter your account, then shopping simply and conveniently.</p>

最重要的就是CSS了,代码如下:

复制代码
代码如下:

<style type="text/css">
*.elegant
{
margin-left: 40px;
margin-right: 80px;
letter-spacing: 1px;
word-spacing: 2px;
line-height: 1.7em;
text-indent: 40px;
text-align: justify;
}
</style>

上面简单的CSS样式就实现了文本的左右对齐,并且段落的首行是缩进的.


文本,左右对齐,首行缩进  
上一篇:针对chrome的css hack 使用方法  下一篇:CSS hack 针对IE6,IE7,firefox显示不同效果