在html中怎么让图片显示在中间

在html中怎么让图片显示在中间,第1张

右击你的html文件,选择打开方式,然后在你想要插入的位置输入:
<img src="地址" width="宽度" height="高度"/>
然后刷新一下html网页,或者重新打开一边即可看到你刚插入的;

用background-position属性来实现。

参考代码

<html>
<head>
<style type="text/css">
body
{
background-image:url(/i/eg_bg_desertjpg);'背景图
background-position: center center ; '居中
background-repeat:no-repeat;'不重复
}
</style>
</head>
<body>
</body>
</html>

先看下我们的html代码,在一个div里放入一个img标签。

再看下我们div的样式,主要地方是我们设置了div的宽度,为400px,如图所示的代码。

现在看下页面,可以看到,现在的是靠左显示的,并没居中。

要让img标签的居中,我们可以加上一行样式代码:text-align: center;就行了。

再次看下页面,可以看到现在的已经是居中显示的了。

<img src="2008081801331242gif"/> 这是的代码 你可以这样写他们的宽高<img src="2008081801331242gif" width="300" height="300" alt="我是哦!"/>还有加上alt注释了!让局中是让在什么地方局中哦! 你可以用<div align="center"></div> 用<p align="center"> 用<td align="center"></td>都可以的呵呵欢迎采纳有什么不懂的再问我哦!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13409696.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存