如何使用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 的推拉菜单的制作
  • 热门搜索
    赵县旅游 哈尔滨旅游景区 北京 旅游景点 去澳大利亚旅游 春天去哪里旅游好 河源旅游网 海南岛旅游图片 天津的旅游景点 云南河口旅游攻略 北京旅游交通图