css - CSS 中的文本背景

标签 css wordpress text background transparent

<分区>


关闭 8 年前

你好,我想知道如何让我的文本背景看起来像我在 my website 的 slider 我使用的是 wordpress 主题,所以只有文本的背景是完美的否则它看起来像 this

<h1 class = "myClass">My Text Here</h1>

我想在css中给它一个透明的黑色背景

.myClass{
      font-size:70px;
      color: white;
}

我还需要它只在我的文字后面我不希望背景占据页面的整个宽度

解决方案很简单

padding: 4px 0;
font-size: 70px;
color: white;
background-color: rgba(0,0,0, .5);
line-height: 95px;
display: inline;

最佳答案

此外,添加行高

.WatchDogs {
  font-size: 70px;
  line-height: 95px;
  color: white;
  background-color: rgba(0,0,0, .5);
  display: inline;
}

关于css - CSS 中的文本背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25067125/

上一篇:javascript - 航点不适用于 Bootstrap3 类?

下一篇:javascript - Bootstrap 所有子菜单同时打开

相关文章:

java - 为什么在使用 SWT GC 绘制文本时文本抗锯齿不起作用?

javascript - 使用 jQuery 和正确的按钮 ID 将正确的内容应用到模式中

c# - 我怎样才能加快这个从字符串中删除文本的方法?

html -::之前和不可见的背景图像

css - 如何垂直对齐div中的图像?

jquery - 我在 css [wordpress] 内置的水平子菜单中遇到 z-index 和居中问题

wordpress - 如何检查 WordPress 帖子是否有子帖子和 sibling ?

java - 文本读取和替换算法

javascript - 在javascript中改变运动方向时旋转css sprite

html - body透明背景::受屏幕尺寸限制后