看我的codepen.我希望制作蓝色背景色标以适应文字"我的宠物".我试过display: inline和padding,但我无法弄清楚如何设置,正好与文本响应,而不是全宽度的背景.另外,如何设置背景颜色的不透明度而不是文本?
谷歌搜索后,我仍然很难找到解决方案.
HTML:
<div class="myDiv">
<div class="bgImage">
<h1>My Pet</h1>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.myDiv h1 {
font-family: 'Gabriela', serif;
color: #FFF;
margin: auto;
text-align: center;
font-size: 3.5em;
border-radius: 20px;
background-color: #2ba6cb;
/* padding: 0.5em 0.2em 0.8em 0.5em;*/
}
Run Code Online (Sandbox Code Playgroud)