html怎么在背景图⽚上添加内容,css如何在⼀个背景图⽚的中
间添加⽂字呢?
摘要:
下⽂讲述使⽤css代码在背景图⽚的中间添加⽂字的⽅法分享,如下所⽰;
实现思路:
1.定义⼀个div,并放⼊背景图⽚,设置其内部元素⽔平垂直居中
2.定义⼀个⼦div,并放⼊⽂字信息
通过以上两个步骤,即可实现背景图⽚中间放⼊相应的⽂字
例:
maomao365
背景图⽚中间加⼊⽂字的⽰例
.
main {
width:500px;
height:100px;
line-height:100px;
text-align: center;
background-size: 100% 100%;
}
.main-text {手机上可以打html与css的app
color: white;
font-size: 18px;
font-weight: bold;
}
居中⽂字(maomao)
css背景图⽚中⽂字居中的⽰例分享
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论