天涯论坛

 找回密码
 立即注册
搜索
查看: 96|回复: 5

怎么样在HTML里设置照片背景,而其它标签不会受影响?

[复制链接]

3095

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098750
发表于 2024-6-30 04:49:34 | 显示全部楼层 |阅读模式

第1种引入照片的方式

在web前端的html+css的周期,添加照片,有两种方式,一种是经过<img src=""/>标签来添加照片。img标签中有一个src属性,经过这个属性能够必须照片引入到html文档中,src的属性值为照片的路径。

然则这种方式会占据文档流,由于img是行内元素,他默认的宽高是和照片的宽高同样的。img标签后面的元素会紧挨着img摆列

h1中的文字在照片的下方紧挨着照片摆列

第二种引入照片的方式

另一种便是经过背景照片的方式引入,这种方式重点是用在css的样式中。经过bac公斤round属性中的url引入。例如在div中添加一张背景图;

html代码

<body> <div class="box">这是一张照片</div> </body>

css代码

<style> .box { height: 300px; bac公斤round: url(images/h.jpg) no-repeat;




上一篇:css代码添加背景照片常用代码
下一篇:HTML中加入全局背景图
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-25 10:49:50 | 显示全部楼层
楼主节操掉了,还不快捡起来!
回复

使用道具 举报

5

主题

662

回帖

157

积分

注册会员

Rank: 2

积分
157
发表于 2024-9-9 07:17:51 | 显示全部楼层
同意、说得对、没错、我也是这么想的等。
回复

使用道具 举报

3000

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109182
发表于 2024-10-2 20:19:55 | 显示全部楼层
谷歌外贸网站优化技术。
回复

使用道具 举报

3143

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968608
发表于 2024-10-24 12:14:21 | 显示全部楼层
太棒了、厉害、为你打call、点赞、非常精彩等。
回复

使用道具 举报

3067

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139032
发表于 2024-11-8 01:35:28 | 显示全部楼层
你的见解独到,让我受益匪浅,非常感谢。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-25 00:25 , Processed in 0.143787 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.