html背景图片在文字下面,背景图片加文字的HTML怎么写

△问题和服务可以联系微信：yangtuo1991 △文章浏览次数:

52

这里贴一个常见的小问题，在背景图片上做文字，直接贴代码了，简单的一小段，

我是画画的小行家

/*div1下面 包含着1个图片和1段文字*/

#div1{

position: relative;

width: 1200px;

height: 340px;

}

/*图片部分的设置*/

#img1{

/*position: static;默认定位,可以省略*/

width: 100%;

height: 100%;

}

/*文字的设置*/

#span1{

position: absolute;

width: 100%;

bottom: 50px;

left: 0px;

text-align: center;

font-size: 28px;

color: white;

}

舒克舒克 贝塔贝塔

/*这里要是网络图片的话就可以直接把本地地址换成图片URL即可*/

效果如图：

当然了，需要什么样的形式的文字，在什么位置，就需要你自己在css里加就好了，作者没办法都讲全。

打赏

微信扫一扫，打赏作者吧～