css代码怎么固定照片，css设置图片指定位置

css如何控制图片位置

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img {position： absolute；top： 100px； left： 200px；}。

2、y也有三个值：top（上），center(中)，bottom(下)。用来设置垂直位置；两个属性值得中间一定要用英文的空格 ，隔开。

3、您可以使用CSS中的margin-top属性来将某个图片位置往下移。

4、控制其位于容器的水平居中，容器底部的位置。bottom：10px；控制图片距离底部10px，left：50%、margin-left：-60px；控制图片水平居中。其中的margin-left的值根据图片宽度变化，为负的二分之一图片宽度。

5、可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

6、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

相关问答

Q1: ...如果想要设置背景的图片固定而不是滚动需要?

1、方法一：鼠标右键点击桌面，在弹出的菜单中选择“个性化”。在弹出的对话框中选择“桌面背景”。进入桌面背景后可以看到是否选中很多图片，只选中其中一张需要的，其它全部不选中。

2、首先打开手机桌面，进入手机图库app；然后根据自己的喜好找到要设置为桌面壁纸的图片；接着点击设置为，再点击桌面壁纸；在设置选项里选择固定壁纸即可，此时桌面壁纸将不会滚动。

3、在index.html中的标签，输入js代码：style=background-image：url(image.jpg)；background-repeat：no-repeat；background-attachment：fixed。浏览器运行index.html页面，此时滚条拉动，页面内容能动，背景图片不动。

4、url(img/bg.jpg)；background-repeat：no-repeat；} 在body样式中添加上background-attachment： fixed。保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。

5、这样背景图片就会固定住，不会因页面滚动而重复。

Q2: 如何制作一个主页背景图不动,但网页可以向下滚动浏览内容??

1、第五，制作网页 有了选好的材料和工具，我们需要按照计划一步一步把想法变成现实。这是一个复杂而细致的过程，一定要按照先大后小，先简单后复杂的原则来制作。所谓“先大后小”，就是在制作网页时，先设计大的结构，再逐步完善小的结构。

2、首先，我们必须在地址栏中输入我们喜欢的页面的地址。

3、请在标题输入框填入标题“我的主页”。设置背景颜色：　网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。

4、点击高级设置修改默认文件夹。都设置妥当后在页面的代码区域输入如下代码.点击顶部的小地球图标可以在浏览器中预览，会提示是否保存页面，点击是。

5、编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。 网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。

css代码怎么固定照片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css设置图片指定位置、css代码怎么固定照片的信息别忘了在本站进行查找喔。