1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

CSS应用技巧举例~~~~~~~~~~

本帖由 littlegrass2006-10-20 发布。版面名称:前端开发

  1. littlegrass

    littlegrass New Member

    注册:
    2006-09-13
    帖子:
    112
    赞:
    1
    1。如何给部分文字加背景图像?
      与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:
    <style type="text/css">
    <!--
    .imgbgstyle { background-image: url(logo.gif)}
    -->
    </style>
      在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。

    2.如何给文字加上划线、下划线、删除线和闪烁?
      在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:
    <style type="text/css">
    <!--
    .style1 { text-decoration: underline overline line-through blink}
    -->
    </style>
      其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink”定义的是文字闪烁。

    3.如何使网页具有“首行缩进”功能?
      由于DW输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition
    for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也
    就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉字,设置好的CSS如下所示:
    <style type="text/css">
    <!--
    .style1 { text-indent: 2em}
    -->
    </style>
      在DW要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右面的缩进单位选择框中“ems”指的就是“em”。
     
  2. comic

    comic New Member

    注册:
    2006-03-05
    帖子:
    302
    赞:
    2
    实用
     
  3. soicer

    soicer New Member

    注册:
    2006-02-26
    帖子:
    61
    赞:
    1
    第二个好,找了很长时间了
     
  4. soicer

    soicer New Member

    注册:
    2006-02-26
    帖子:
    61
    赞:
    1
    第三个我倒是很喜欢,加到我的BLOG程序了去:heart: