第3章 使用CSS设置图片样式 CSS+DIV网页样式与布局从入门到精通课件

3.1.4 定义图片的纵向对齐
•图片的纵向对齐主要体现在和 文字的搭配使用中，当图片的高 度和宽度与文字部分不一致时， 可以通过CSS中的vertical-align属 性来设置纵向对齐： •{vertical-align:参数}
3.1.5 设置文字环绕效果
CSS使用float属性来实现图片的文字环绕，另外，除了float属性以外， 再配合使用padding属性和margin属性，使图片和文字达到一种最佳 的效果。
float属性的作用是使对象产生浮动，其语法如下： {float:left|right|none;} float属性共有三个值，其作用分别如下： • none：默认值，对象不浮动； • left：左浮动，对象向其父元素的左侧仅靠； • right：右浮动，对象向其父元素的右侧仅靠。
3.ຫໍສະໝຸດ Baidu 案例实战
第3章 使用CSS设置图 片样式
学习要点
•CSS设置设置图片样式的方法。 •CSS控制图片的对齐方式。 •灵活使用CSS文字和图片属性进行图文混排。
3.1 图片样式设置基础
3.1.3 定义图片的横向对齐
图片的横向对齐和文字的横向对齐方法基本相同，分为左、中、右三种 。不同的是图片的对齐不能直接通过设置图片的text-align属性来定义 ，而是需要通过设置其父元素的属性该属，使其继承性text-align属性 来实现。
3.2.1 图文混排
3.2.2 图片布局
3.2.3 多图排列
3.2.4 阴影图片
3.2.5 圆角图片
3.2.6 设计圆角栏目
End Thank you