目录

  • 1 商务网站项目策划与建设
    • 1.1 理解传统商务与电子商务
    • 1.2 商务网站项目的策划与实施
  • 2 商务网页设计
    • 2.1 商务网页视觉设计
    • 2.2 商务网页创意设计
    • 2.3 商务网页原型设计
  • 3 HTML网页制作技术
    • 3.1 网页基础知识
    • 3.2 文本设置方法
    • 3.3 图像设置方法
    • 3.4 超链接设置方法
    • 3.5 表格制作方法
    • 3.6 多媒体引用方法
    • 3.7 滚动字幕制作方法
    • 3.8 网页框架制作方法
  • 4 CSS网页样式制作技术
    • 4.1 CSS基础知识
    • 4.2 设置文字属性
    • 4.3 用CSS设置图像效果
    • 4.4 用CSS设置表格样式
    • 4.5 用CSS设置超链接伪类及伪元素
    • 4.6 采用DIV与SPAN制作网页
    • 4.7 用CSS设置元素的边框与边距
  • 5 网页图像制作
    • 5.1 准备图像素材
    • 5.2 制作网页图像
  • 6 商务网页制作实战
    • 6.1 商务网页制作步骤
    • 6.2 商务网页制作实例
  • 7 课程总复习及答疑
用CSS设置图像效果

用图像主要分为嵌入排列图像、浮动图像、背景图像3种应用场景。

4.3.1  引用图像

采用CSS引用图像需要在HTML文档头中定义CSS样式,可以采用内部样式和外部样式。如果采用CSS外部样式,外部样式有CSS文件存放路径和图像文件存放路径,需要注意文件引用的位置。

4.3.2  图文混排

在HTML中,图文混排比较困难。但在CSS中,可以实现很好的图文混排效果。

文字环绕是网页中最常见的图文混排形式,设置文字环绕图文混排需要使用图像选择符img及其float属性,将图像和文本放在同一个文字类容器中。

4.3.3  设置背景图像

在HTML中设置网页背景图片的方式为<body background="图片URL">,而在CSS中设置背景图片的属性为background-image,该属性不但可以设置网页背景图片,还可用于设置表格、表格单元的背景图像。