当前位置: 首页 > 知识库问答 >
问题:

带有html的黑色背景文本旁边的水平线

荣波
2023-03-14

我无法在标题旁边的黑色背景上显示一条白色水平线。

这是我尝试过的:

<div style="background-color: black">
    <div style="border-bottom: 2px #ededed solid; overflow: visible; height: 17px; margin: 5px 0 10px 0">
        <strong><span style="color: white; padding: 0px 5px; font-size: 2rem; font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif">Willkommen</span></strong>
    </div>
</div>

有人能帮忙吗?

共有2个答案

况野
2023-03-14

您可以使用text-decoriationtext-decoriation-colorCSS属性。

null

<div style="background-color: black; padding: 15px 10px">
    <div style="overflow: visible; height: 17px; margin: 5px 0 10px 0;">
        <strong><span style="text-decoration: overline;text-decoration-color: #ededed ;color: white; padding: 0px 5px; font-size: 2rem; font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif">Willkommen</span></strong>
    </div>
</div>
苏君昊
2023-03-14

请增加第二个div标签的高度,因为我认为17px太低了

 类似资料:
  • 我有一个奇怪的问题,老实说,我不知道该怎么做。 我有一个背景图像的盒子。在背景图片上,我有很多带有背景颜色和文字的框。我希望每个框中的文本的颜色是透明的,所以颜色将是文本上面的背景图像的一部分。 这里有一个例子:http://jsfiddle.net/wjdwohdd/5/ 它应该是一个图像,而不是绿色背景。 如果我设置颜色:透明,文本的颜色变成红色,我不确定它是否可以作为背景图片。 编辑:我更新

  • 问题内容: 我想像在CSS中一样给SVG的背景上色 我只能找到有关的文档,该文档使文本本身着色 可能吗 问题答案: 否,这是不可能的,SVG元素没有 表示属性。 为了模拟这种效果,您可以使用或类似的东西(过滤器)在text属性后面绘制一个矩形。使用JavaScript,您可以执行以下操作:

  • 我想问你一件困扰我一段时间的事。我现在学习HTML和CSS,我们做了一个功课,我们必须创建一个博客,中间有一篇文章,右边有两个边栏,网站的背景颜色应该是灰色的。问题是主文章和两个边栏应该是白色的底色,所以当我把文章的底色改成白色时,它就自动控制了网站75%以上的区域,甚至是文章之外。这里是一个截图。 我正在尝试制作的内容https://f.v1.n0.cdn.getcloudapp.com/ite

  • 问题内容: 如何在文本保持不透明的同时使跨浏览器(包括Internet Explorer 6)的背景透明? 我需要在不使用jQuery等任何库的情况下进行此操作。(但是,如果您知道可以做到这一点的库,那么我很想知道,因此我可以看看他们的代码)。 问题答案: 使用rgba! 除此之外,您还必须声明IE Web浏览器,最好通过条件注释或类似注释进行声明!

  • 我在我的应用程序中加入了一个ActionBar并更改了背景颜色,如下所示。奇怪的是,ActionBar上文本后面的颜色不会改变。(图片) 我环顾四周,发现了这个:

  • 我想知道如何更改文本视图的背景,因为我正在从站点解析中提取数据。com,但我不能这样做,我正在尝试这样做。 代码 错误 04-30 11:56:59.156 28388-28691/com。实例ronysueliton。patospizzas E/AndroidRuntime﹕ 致命异常:AsyncTask#2进程:com。实例ronysueliton。patospizzas,PID:28388爪