Question

我正在尝试修改Wordpress模板的背景。我有一个附有repeat-x选项的图像。我想在该图像上添加一个径向内边框。有可能吗？

以下是当前背景：

body {
background: #18191b url(images/bg.jpg) repeat-x center 0;
color: #e9e9e9;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;

}

Answer 1

您可以使用-moz-box-shadow和-webkit-box-shadow：

-moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);

您还可以使用box-shadow将其附加到Internet Explorer

Answer 2

如果我理解这是正确的，你需要这个。 box-shadow: 0 0 10px #ddd inset;

有关box-shadow的更多信息，请点击此处：The 'box-shadow' property

背景的CSS径向内阴影

2 个答案: