如何使用css写一个透明背景

2025-05-18 00:51:01

1、打开编辑器,新建test.html页面,用于学习今天的内容

如何使用css写一个透明背景

2、在页面的body区域,新建一个div,给div加上class,并在div内写入文字,用来测试今天的内容

如何使用css写一个透明背景

3、在style标签里给div设置宽高,背景色和透明度

如何使用css写一个透明背景

4、在浏览器中打开页面,发现背景透明的同时文字也变淡了,这个显示满足不了我们的需求

如何使用css写一个透明背景

5、回到编辑器,去掉透明度属性并且把背景色用rgba函数表示

如何使用css写一个透明背景

6、再次在浏览器中打开页面,发现背景透明但是文字没有变淡,这个满足了我们的需求

如何使用css写一个透明背景
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢