css 如何在标题下添加通知栏[已关闭]

lfapxunr  于 2023-05-02  发布在  其他
关注(0)|答案(1)|浏览(136)

已关闭,此问题需要更focused。目前不接受答复。
**想改善这个问题吗?**更新问题,使其仅通过editing this post关注一个问题。

3天前关闭。
Improve this question
首先,我是新的CSS,我想一个黑色的通知栏下的标题为免费送货,文本将是白色的。这应该是全宽度的浏览器
我试着用css和heade::after来做,但是我的文本停留在左角,无法居中

header::after {
  content: "test test text";
    margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  background: #101010;
    color: #ffffff;
}
izkcnapc

izkcnapc1#

我不明白那些奇怪的填充和边距的原因,但简单地text-align:center沿着display:block应该可以工作。

header::after {
  content: "test test text";
   margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  background: #101010;
  color: #ffffff;
  text-align:center;
  display:block;
}
<header>I am header</header>

相关问题