opacity属性有一个值的范围，从0到1。值为0表示元素完全透明，而值为1则表示元素完全不透明。在中间值时，元素会显示出一种半透明的效果。
CSS的opacity属性不仅适用于整个元素，还可用于其背景和文本。这意味着，你可以设置文本和背景的透明度而不影响元素边框。下面是一些常见的CSS代码：
/* 整个元素透明度 */ opacity: 0.5; /* 背景透明度 */ background-color: rgba(255,255,255,0.5); /* 文字透明度 */ color: rgba(0,0,0,0.5);
使用opacity属性也有一些限制。如果您修改了元素的透明度，那么元素中的子元素也会继承相同的透明度。这意味着，如果您应用了一个50%透明度的背景，那么在这个元素内部的所有文本，图像等元素也会变得半透明。在某些情况下，这个效果是非常理想的，但在其他情况下可能不是。
总体来说，CSS的opacity属性是一个非常有用的属性，可以让你轻松地创建让人眼前一亮的网站效果。但是，也需要谨慎使用，因为它可能会对你的网页排版和可用性产生一定的影响。