小编thu*_*RX5的帖子

看我的codepen.我希望制作蓝色背景色标以适应文字"我的宠物".我试过display: inline和padding,但我无法弄清楚如何设置,正好与文本响应,而不是全宽度的背景.另外,如何设置背景颜色的不透明度而不是文本？

谷歌搜索后,我仍然很难找到解决方案.

HTML:

<div class="myDiv">
    <div class="bgImage">
        <h1>My Pet</h1> 
    </div>
</div>

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;*/
}