CSS调节图片的大小，要知道width、height
- 高洛峰原创
- 2017-02-08 10:11:332319浏览
今天学习的内容是教大家如何用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>在浏览器预览效果如下：
分析：不管图片的实际大小是多少，你都可以使用width和height来定义你想要的高度和宽度。大家别傻乎乎的还用PS做好高度和宽度才敢把那张图片用到页面上。
更多CSS调节图片的大小，要知道width、height相关文章请关注PHP中文网！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn