HTML 中img图像如何紧靠文本框呀

HTML 中img图像如何紧靠文本框呀,第1张

因为看不到你这儿的例子,所以,我就根据我的知识来说了:

首先有2种:1种是在标签里面引入<img>标签来导入图片;2.在标签的背景中通过,background-image来导入图片;

对于第一种:首先你得保证<img>外层的标签不能有内边距(padding)除外你得保证你的<img>不能有外边距;

第二种:通过背景引入的话,你可以用background-position:left(这儿是默认左边靠紧);

PS这里有个前提条件就是你的图片必须能紧靠(也就是没有多余的留白);

这是因为你的Body体的问题,其实这里就是你的Body的尽头,所以你是不可以再移过去的了。

如果不相信的话,你可以尝试把你的body的padding属性设置为0,图片是不会有任何变化的。

而且按一个网页的美观性来说,我们都应该在两边有留空的哦!

但为什么平时我们看到一些网站,却有一大张图片作为背景,两边没有空隙呢?

那是因为他就是背景图片,首先图片足够大了,而且设置为背景图片存在,它会自然的覆盖整个背景的。不像一般贴上去的图片,它会被限制在你某个块或者某个行,或者直接限制在body里面。

若求证,也可以自己写一写,或者直接写背景颜色就是了。


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

原文地址: http://outofmemory.cn/zaji/7408815.html

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

发表评论

登录后才能评论

评论列表(0条)

保存