Question

我有一个wordpress网站。我刚买了一个主题，默认情况下不支持custom.css。我不想乱用默认文件，因为我不是技术人员。我以前通过简单的自定义块引用来完成此操作。

所以我想要做的是在页面上的文字中添加带边框的自定义背景：

我希望背景为纯黑色，透明度为60％
我想要一个图像作为边框，只在左侧重复。
保持所有边的填充位置，使文字不会到达角落。
文字应为白色，任何字体和大小。

我一直在寻找网络并且已经尝试了很长一段时间没有结果。 如何创建此自定义边框/背景？

Answer 1

为什么不创建自定义css文件，然后将其导入默认文件？

@import url（自定义CSS的网址）

由Erics Post编辑：

.example {
  /* Set Background Black 60% opacity */
  background-color:rgba(0,0,0,0.6);
  /*Text Color */
  color: "#FFF";
  /* Text-padding */
  padding: 5px;
  /*Border creation */
  border-left: 12px solid transparent;
  -moz-border-image:url("border-image") 12 repeat;
  -webkit-border-image:url("border-image") 12 repeat ;
  border-image:url("border-image") 12 repeat ;

}

如果您只是想在页面的一侧放置包含其他元素的边框，则应该查看位置或浮动div。另请注意，如果IE是您的重要浏览器，则这些设置将无效。

Answer 2

以下是如何设置自定义边框和背景样式的先机：

#example {
    border-width: 12px;
    -moz-border-image:url("border-image") 12 repeat;
    -webkit-border-image:url("border-image") 12 repeat ;
    border-image:url("border-image") 12 repeat ;
}

示例：http://jsfiddle.net/HBzQm/

如何添加带自定义背景和边框的html文本

2 个答案: