html中控制位置的标签html如何确定图片位置?
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
