在内部div的自定义标签上应用背景颜色

时间:2019-01-25 11:23:36

标签: html css background

我需要为自定义标签(如页面)设置背景颜色,然后在其中添加div 但是我尝试了以下情况,并且当我将一个ut标签包含在一个cutom标签中时,令人惊讶的是backgroundcolor没有得到应用。 在空白的html页中尝试过此操作,因此没有添加其他CSS。

这有效

<page style="background:yellow">
    This is my entire web page
</page>

<div style="background:yellow">
    <div>
        This is my entire web page
    </div>
</div>

这不起作用

<page style="background:yellow">
    <div>
        This is my entire web page
    </div>
</page>

<anytag style="background:yellow">
    <div>
        This is my entire web page
    </div>
</anytag>

1 个答案:

答案 0 :(得分:1)

它正在工作,但是我们看不到,因为它正在考虑将任何标签或页面视为内联标签,这意味着您要添加 style =“ display:block” style =“ display :inline-block“ ,那么您可以找到区别

<anytag style="background:yellow;display:block">
    <div>
        This is my entire web page
    </div>
</anytag>

或使用CSS

<page style="background:yellow">
    <div>
        This is my entire web page
    </div>
</page>
<style>
page{
  display:inline-block;
}
</style>

https://codepen.io/kaslab/pen/gqPpwp