HTML5+CSS3+JavaS教学幻灯片10分析.ppt

第10章 CSS美化图片 本章内容 10.1 图片边框样式 10.2 对齐图片 10.3 图文混排 10.4 综合实例1 —一句话新闻 10.5 综合实例2—学校宣传单 10.1 图片边框样式 10.1.1 图片边框 10.1.2 图片缩放 10.1.1 图片边框 在CSS3中，使用border-style属性定义边框样式，即边框风格。例如可以设置边框风格为点线式边框（dotted）、破折线式边框（dashed）、直线式边框（solid）和双线式边框（double）等。border-style属性的详细信息。 实例：10.1.html 可以使用border-top-style设定上边框样式、border-right-style设定右边框样式、border-bottom-style设定下边框样式和border-left-style设定左边框样式。 实例：10.2.html 10.1.2 图片缩放 在HTML标记语言中，通过img的描述标记height和width可以设置图片大小。width和height分别表示图片的宽度和高度，其中二者值可以数值或百分比，单位可以是px。需要注意的是高度属性heigth和宽度属性width设置要求相同。 实例：10.3.html max-width和max-height分别用来设置图片宽度最大值和高度最大值。在定义图片大小时