Dzwebs.Net

撰写电脑技术杂文十余年

DreamWeaver+Css轻松实现网页段落首行缩进!

Admin | 2007-11-18 23:10:58 | 被阅次数 | 15895

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

 用DreamWeaver来设计网页的用户知道:

在DreamWeaver中输入空格不是那么的方便,我们可以利用css来设计“首行缩进”功能来弥补这个缺憾。

打开DreamWeaver的设计界面,在该界面中找到CSS的属性定义对话框(Style Definition for .style1),在该对话框的“Block”标签下的“text-indent”属性定义设置项中来设置“首行缩进”功能,在这里要注意的是,所谓“首行”是指每段内容的第一行,也就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉字,设置好的CSS如下所示:

  〈style type="text/css"〉
  〈!--
  .style1 { text-indent: 2em}
  --〉
  〈/style〉
不会设计的网友,可以在页面中的HEAD区域中直接就插入代码:

style type="text/css"〉
  〈!--
  .style1 { text-indent: 2em}
  --〉
  〈/style〉


该杂文来自: 网页制作杂文

上一篇:用CSS实现的固定表头的HTML表格下篇

下一篇:Css轻松实现网页文字首字下沉

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计