使用CSS设置段落首字下沉

来源:互联网 发布:mysal查看数据表数据 编辑:程序博客网 时间:2024/04/29 18:18
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
档,或者观看某些报刊杂志时,总会看到段落的首字下沉的效果。那我们在使用DW制作网页时,是否也能做出这样的效果呢?答案是肯定的。
  制作方法:
  定义CSS样式,代码如下:
.first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; background-color: #E4E4E4}
  代码介绍如下:
  Font-weight:bolder 定义字体的粗细,我们这里设置成特粗;
  Font-size:230% 定义字体的大小;
  Float:left 定义字体的浮动方式,这里设置左对齐;
  Color:#990000: 定义字体的颜色值;
  Line-height:  定义字体的行高;
  Background-color: 定义字体的背景颜色。
  你也可以使用DW定义CSS的方法,一一进行设置。
  至此,我们的效果便制作好了,你不仿试试!<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
原创粉丝点击