首页前端开发HTMLhtml中控制位置的标签html如何确定图片位置?

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

时间2023-05-10 18:49:01发布访客分类HTML浏览236
导读:1、可以使用background-position属性设置图片位置,具体的方法是,首先用hbuilder软件新建一个html文件,文件的head标签中设置输入style标签:2、然后设置body的样式,给body加一张图片,设置为不重复,设...

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

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

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

1

/7

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

2

/7

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

3

/7

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

4

/7

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

5

/7

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

6

/7

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

7

/7

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

静态页面的主要几种标签

标题标签h>

段落标签p>

文本标签,如strong> 、em> 、sup> 、sub>

水平线标签hr/>

div> 标签

h1> ~ h6>

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

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

文本标签

strong> 标签用于加粗字体。

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

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

sup> 标签用于定义上标。

sub> 标签用于定义下标。

水平线标签

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

div> 标签

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html中控制位置的标签html如何确定图片位置?
本文地址: https://pptw.com/jishu/25463.html
匹配用户效果 视频怎么剪辑放到网上

游客 回复需填写必要信息