Html 使用css使一个区域变亮

---

我想减轻后面的区域和附近的标志，标志所在的位置。这样做的目的是因为徽标的边框与背景混合在一起。请提供帮助

您可以使用rgba属性添加背景，以提供假光背景

试试这个

#logo {
   background-color: rgba(255,255,255, 0.5);
   /* Then other css */
}

在您的情况下，将您的.head修改为此

.head {
  padding-left: 5%;
  background-color: rgba(255,255,255,0.5);
}

您放置的“边框”是

正文

上的边距。要删除此项，只需执行以下操作：

body { margin:0; }

您可以做的是给

.head

分隔符一个不透明的背景：

.head { background:rgba(255,255,255,0.3); }

但是，较旧的浏览器不支持此。

您可以这样做

转换为PNG并使原始图像不透明度为0.2

（更好）有一个

，即位置：身体内部绝对

和身体高度相同，然后应用
背景图像和
不透明度：0.2；过滤器：α（不透明度=20）

试一试

你可以通过两种方式来做到这一点 1

text shadow

但您使用的是图像，因此您必须在photoshop中的

图层样式>放置阴影

中执行此操作，然后选择浅颜色 你也可以这样做，但它以矩形形式覆盖，而不是在你的标志文本后面

及

2是使用同样具有矩形效果的背景 使用背景：rgba（255255,0.6）

---

最后0.6是不透明度调整此值以使颜色变暗或变亮

以使徽标后面的区域柔和变亮您可以在图像上使用rgba背景、圆形边框和浅色阴影的组合：

.head > img {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

---

别忘了添加供应商前缀以支持所有浏览器…

尝试设置背景的不透明度，但我认为它也不起作用，因为这两种颜色都是相同的框阴影，如果您愿意的话。不要给出x和y偏移量，只要给出一个模糊的距离和一个你想用来照亮这个区域的颜色。我想让它变成圆形，椭圆形，尝试增加或使用各个角的半径。在图像中添加

填充

，以增加要亮起的区域。为了你自己的利益，请至少试着自己先找到一个解决方案。事实上，你们谁也没有像这样给我想要的

.head > img {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}