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

 时间:2026-04-25 02:52:46

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

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

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

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

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

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

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

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

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

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

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

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

  • 阿里云虚拟主机服务器如何重置FTP的登录密码
  • 阿根廷马黛茶的冲泡方法
  • 瑜伽有哪些饮食禁忌
  • 怎样合理使用抗生素
  • AXURE R9 的推拉菜单的制作
  • 热门搜索
    驱动人生怎么样 工作压力大怎么安慰 tplink路由器怎么设置 长沙哪里好玩 如何向女生表白 只有车牌号怎么查违章 玛丽莎手表怎么样 如何成功 脂肪瘤如何消除 新日电动车质量怎么样