• 技术文章 >web前端 >前端问答

    css怎样改变一个图片高度和宽度

    青灯夜游青灯夜游2022-01-20 15:18:18原创286

    在css中,可以使用width和height属性来改变一个图片高度和宽度,只需要给图片元素添加“width:宽度值;height:高度值;”样式即可。width属性可设置元素的宽度,height属性可设置元素的高度。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中,可以使用width和height属性来改变一个图片高度和宽度。

    width属性可设置元素的宽度,height属性可设置元素的高度。

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<style>
    			.img1 {
    				width: 400px;
    				height: 400px;
    			}
    		</style>
    	</head>
    	<body>
    
    		<p>原图片宽度:200px,高度:200px</p>
    		<img src="img/1.jpg">
    		<p>使用css设置宽度为:400px,高度为:400px</p>
    		<img class="img1" src="img/1.jpg">
    	</body>
    </html>

    1.png

    (学习视频分享:css视频教程

    以上就是css怎样改变一个图片高度和宽度的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 图片 高度 宽度
    上一篇:将内联元素转换为块元素的css语句是什么 下一篇:mac怎样查看node安装的位置
    PHP编程就业班

    相关文章推荐

    • 深入解析一下CSS架构之OOCSS• 深入解析一下CSS架构之ACSS• 总结整理:需要避坑的五大常见css错误(收藏)• css上下文选择器的类型有什么• 将内联元素转换为块元素的css语句是什么• css怎么降低背景透明度

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网