html中控制位置的标签html如何确定图片位置？_html标签

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:02:44 共计：3552 浏览

1、可以使用background-position属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签：

2、然后设置body的样式，给body加一张图片，设置为不重复，设置background-position属性让图片出现在右上方，该属性的前一个参数控制上下的位置，后一个参数控制左右的位置，设置好后，来到浏览器查看效果：

3、此时在浏览器就会看到图片是在浏览器的右上方的：

新建一个html文件，命名为test.html，用于讲解html中怎么用CSS固定一个div模块位置不变。

在test.html页面中，创建一个div模块，并在div内写上测试的文字，用于测试。

在test.html页面中，使用css设置div的宽度为100%，高度为100px。代码如下：

在test.html页面中，使用css设置div内的文字垂直、水平居中，并设置文字的大小为30px。代码如下：

在test.html页面中，使用css设置div内的文字颜色为白色，同时设置div的背景颜色为红色。代码如下：

最后，在test.html页面中，使用css设置div的位置属性为absolute，即在页面中固定位置，并使用bottom设置div固定在页面的底部。

在浏览器打开test.html页面，可见，div成功固定在页面的底部。

静态页面的主要几种标签

标题标签<h>

段落标签<p>

文本标签，如<strong>、<em>、<sup>、<sub>

水平线标签<hr/>

<div>标签

HTML中的标题标签用来定义标题结构，HTML中一共有6个标题标签，数字越小，标题越大，重要性越高。

一个页面只能有一个<h1>标签，但可以有多个其他标题标签。

文本标签

<strong>标签用于加粗字体。

<em>标签用于表现斜体文本。

一般不用<i>标签的原因在于，<em>标签更具语义性。

<sup>标签用于定义上标。

<sub>标签用于定义下标。

水平线标签

<hr/>标签用于定义一条水平线。

<div>标签

<div>标签用于定义页面中的一块区域，可以配合利用CSS控制这一块区域的样式。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。