css设置图片居中方法

2024-11-06 13:15:04

1、首先准备一张要使用的图片

css设置图片居中方法

2、然后新建一个html文件、image文件夹、并将准备的图片放到image文件夹内

css设置图片居中方法

3、然后使用notepad编辑器打开html文件,添加html标记

css设置图片居中方法

4、接着添加head标记

css设置图片居中方法

5、然后添加body标记,文件的主体部分

css设置图片居中方法

6、接着添加img标记。用于引用图片<img src="image/1.jpg" />

css设置图片居中方法

7、继续添加css代码,使得图片居中显示

css设置图片居中方法

8、最后使用谷歌浏览器看看图片居中之后的效果

css设置图片居中方法
猜你喜欢