六章通过定义图片教程.pptxVIP

第六章通过CSS定义图片样式;在网站里，能给用户留下最深印象的，往往是图片了，所以，在页面里，通过CSS定义好图片的样式，是设计网站里的一个重要的工作点，通过CSS代码，我们能在“图片素材不变”的情况下，让网站的面貌焕然一新。;在这个章节里，我们将讲述如下的重点：

通过CSS定义图片样式的方法

通过CSS设置图文交互效果的方法

通过CSS设置背景图片的方法

通过CSS处理背景图样式的方法;6.1CSS定义图片样式

图片的效果很大程度上影响到网页效果，要使我们的网页图文并茂而且布局结构合理，我们就要很注意图片的设置。

通过CSS统一管理，我们不但可以更加精确地调整图片的各种属性，还可以实现很多特殊的效果。;6.1.1定义图片边框

在HTML的语法里，我们能直接通过img元素的border属性，定义图片的边框宽度，语法如下所表示：

imgsrc=图片路径border=”数值”

定义后，就能为图片画出指定宽度的图片边框。

但是，单用这样的样式是没法设计出丰富多彩的网页，我们还可以用CSS里的border-sytle、border-color和border-width三个属性来定义边框，这个属性的说明如下表所示。;Border-style的参数列表;6.1.2定义图片大小

在网页中放置图片时，可能会遇到图片太大或者太小的问题，这时可以根据实际情况来设置图片的宽度和高度来解决图片的