CSS怎么改变图片的大小

html+css
代码编纂器:Z Studio 12.5.1方式/
1新建一个html文件,定名为test.html,用于讲解CSS怎么改变图片的大小 。

CSS怎么改变图片的大小

文章插图

2在test.html文件中,利用div标签建立一个模块,在div标签内,利用img标签建立一张图片 。

CSS怎么改变图片的大小

文章插图

3在test.html文件中,在css标签内,利用“*”来初始化页面所有元素,设置表里边距都为0 。 在浏览器打开test.html文件,查看实现的结果 。

CSS怎么改变图片的大小

文章插图

CSS怎么改变图片的大小

文章插图

4经由过程元素名称来改变图片的大小 。 例如,在css标签内,利用css界说div元素内的img元素的宽度为200px,高度为100px 。

CSS怎么改变图片的大小

文章插图

5经由过程给img标签设置一个id属性,在css中经由过程id属性,利用width(宽度)和height(高度)设置样式,实现改变图片的大小 。

CSS怎么改变图片的大小

文章插图

6经由过程给img标签设置一个class属性,在css中经由过程class属性,利用width(宽度)和height(高度)设置样式,实现改变图片的大小 。

CSS怎么改变图片的大小

文章插图

7经由过程在img标签内,利用style来设置width(宽度)和height(高度)属性 。

CSS怎么改变图片的大小

文章插图

8【CSS怎么改变图片的大小】以上几种方式实现的结果如下:

CSS怎么改变图片的大小

文章插图


以上内容就是CSS怎么改变图片的大小的内容啦,希望对你有所帮助哦!

    推荐阅读