代码之家 › 专栏 › 技术社区 › Sujay U N

在带有内部DIV的自定义标记上应用背景色

background css html

Sujay U N · 技术社区 · 6 年前

我需要为自定义标签类页面设置背景色,然后在其中添加DIV 但我在下面的例子中尝试过,当我在Cutom标签中包含DIV标签时,令人惊讶的是背景色并没有被应用。这是在空白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 回复 | 直到 6 年前

Kanha Sahu 6 年前

它正在工作,但我们看不到,因为它正在考虑将任何标记或页面作为内联标记,这意味着如果您添加了 style=“显示:块” 或 style=“display:inline块” 然后你就可以发现不同了

<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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前