手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用CSS实现文本左右对齐且首行缩进的代码
用CSS实现文本左右对齐且首行缩进的代码
摘要:先看效果图吧:其源代码就比较干净了,源码如下:Ouronlineorderformallowsyoutoorderdirectlyinthe...

先看效果图吧:

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

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

<p>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>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样式就实现了文本的左右对齐,并且段落的首行是缩进的.

【用CSS实现文本左右对齐且首行缩进的代码】相关文章:

CSS中图片于文本的基线对齐设置

用CSS实现文字的阴影效果

用CSS轻松实现网上填空

用CSS实现简单的进度条

用css实现十字的布局示例代码

CSS给文本输入框添加背景图像

CSS实现段落首行缩进两个字符不再使用空格

CSS实现让同一行文字和输入框对齐的方法

CSS 3实现DIV圆角效果完整代码

用css实现文字的自动隐藏

精品推荐
分类导航