第7章 设置页面中的图像.pptx

第7章 设置页面中的图像 一个网站内容的知识性、实用性再高，如果只有文字内容，肯定会让人感到枯燥无味，尤其是在如今，对视觉设计要求越来越高，网站往往需要使用图片来装饰页面的外表，本章的重点是讲解网站设计制作中如何对图片进行控制，让读者掌握在网页中控制图像的方法和技巧，并能对各种图像进行熟练的操作。 本章的主要内容主要包括怎样使用CSS样式对图像进行控制，包括图像的边框、缩放、对齐方式等，而且还通过网站页面实例对页面布局制作方法进行讲解。 使用HTml可以直接调整图片的很多属性，但是众多的代码使页面的修改工作变得麻烦。因此使用CSS对页面上的图片统一管理是非常必要的。除此之外，还可以实现一些在HTML中无法实现的特殊效果，本小节为读者讲解使用CSS样式控制图像的方法。7.1.1 图像边框 在CSS中可以通过border属性为图片添加边框，并且可以调整边框的粗细、样式以及颜色等，在我们学习这些内容之前，首先要了解怎样通过boder属性控制样式。设置图片边框7.1 图像样式控制7.1.2 图像定位在页面中插入图片后，总是需要对图片的位置进行设置，图片定位主要通过CSS样式中的margin属性进行外边距控制来实现定位的效果。7.1.3图像缩放CSS控制图片的缩放与HTML一样，也是通过width和height两个属性来实现的，可以通过为这两个属性设置为相对数值或绝对数值达到图片缩放的