HTML怎样使图片居中

 时间:2024-11-10 18:56:37

初学HTML时,我们常用居中方法都为align=center,然而这并不能使图片居中。本敖疼熘涝教程介绍怎样使用HTML进行图片居中。

HTML怎样使图片居中

工具/原料

联系小新14

window10

vscode任意版本

方法/步骤

1、首先打开VScode,将鼠标移到资源管理器,点击新建一个html文件。

HTML怎样使图片居中

2、按住shift+1(椹巷蹁尖横向的数字键盘,目的是输入感叹号)然后会显示提示,按下回车键确定,得到HTML基本骨架

HTML怎样使图片居中

3、插入一个img标签,插入一张图片,然后使用align=center,我们发现并不能居中。

HTML怎样使图片居中

HTML怎样使图片居中

4、插入一个div标签,将img标签嵌入在蟠校盯昂div标签内,对div标签使用align=center,此时就可以实现图片居中了。

HTML怎样使图片居中

HTML怎样使图片居中

网页设计HTML中如何插入背景图片 html设置网页背景图片 html如何文字居中与背景 html图片如何居中 html鼠标悬停变色
热门搜索
神精榜漫画 紧扣的星星漫画 地动仪图片 折扇图片 寻找前世之旅2漫画