CSS调节图片的大小，要知道width、height

来源：动视网责编：小采时间：2020-11-27 18:53:25

CSS调节图片的大小，要知道width、height

CSS调节图片的大小，要知道width、height:今天学习的内容是教大家如何用css调整图片的大小，在之前的课程例子中，我们接触了width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。在CSS中，对于图片的大小，我们也是用width和height来定义。语法：说明：在CSS初学阶段，全部都是

推荐度：

点击下载本文 文档为doc格式

导读CSS调节图片的大小，要知道width、height:今天学习的内容是教大家如何用css调整图片的大小，在之前的课程例子中，我们接触了width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。在CSS中，对于图片的大小，我们也是用width和height来定义。语法：说明：在CSS初学阶段，全部都是

今天学习的内容是教大家如何用css调整图片的大小，在之前的课程例子中，我们接触了width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。
在CSS中，对于图片的大小，我们也是用width和height来定义。语法：

CSS调节图片的大小，要知道width、height

说明：在CSS初学阶段，全部都是使用像素作单位，在CSS进阶阶段我们会深入讲解其他CSS单位举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <style type="text/css">
 img{width:60px;height:60px;}
 </style>
</head>
<body>
 <img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>

在浏览器预览效果如下：

CSS调节图片的大小，要知道width、height