HTML与CSS前台页面设计许莉第06章HTML网页中的图片课件教学.pptVIP

* * HTML与CSS前台页面设计 HTML网页中的图片 第六章 HTML与CSS前台页面设计 第六章 HTML网页中的图片 HTML与CSS前台页面设计 本章要点 img标记 网页中图片的属性 图文混排 使用CSS样式表设置图片属性 第六章 HTML网页中的图片 HTML与CSS前台页面设计 目录： 6.1 在网页中加入图片 6.2 图片与文字的排版 6.3 网页背景图片 6.4 利用CSS样式在网页中加入图片 6.5 综合实例 6.1 在网页中加入图片 img标记及其属性 6.2 图片与文字的排版 图像和文字之间的排列通过align属性来设定。图像的绝对对齐方式和相对文字对齐方式是不一样的。绝对对齐方式的效果和文字的对齐一样，只有3种：居左、居右、居中；而相对文字对齐方式是指图像与一行文字的相对位置。 6.3 网页背景图片 1.设置页面背景颜色 主体标记body中的bgcolor属性可以设定整个页面的背景颜色。 body bgcolor=color_value 与文字颜色相似，也是使用颜色名称或者十六进制值来表现颜色效果。color_value指的就是颜色的值。 6.3 网页背景图片 2.设置页面背景图片 页面中可以使用JPG或GIF图片作为页面的背景图，通过主体标记body中的background属性来实现。它与向网页中插入图片不同，放在网页的最底层，文字和图片等等都位于它的上面。文字、图片等会覆盖背景图片。在默认的情况下，背景图片在水平方向和垂直方向上会不断重复出现，直到铺满整个网页。 body background=img_file_url img_file_url是指图片文件的路径。 6.4 利用CSS样式在网页中加入图片 1.应用CSS图像边框 6.4 利用CSS样式在网页中加入图片 2. 使用CSS设置图文环绕 可以使用float、margin和padding属性使正文环绕一个图像。 float：设置元素向左或向右浮动； margin：设置图像到其他元素的间距； padding：设置图像到边框的间距； 6.5 综合实例 HTML网页中的图片 第六章 本章结束 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死 PPT研究院 POWERPOINT ACADEMY HTML与CSS前台页面设计 * *