css实现背景模糊字体不模糊的效果

时间:2026-02-12 03:51:30

1、在eclipse中打开编辑器,创建一个css文件。一个html文件

2、在html文件中编写如下代码 <body><div class="bjdiv">测试背景模糊字体不模糊效果</div></body> 

3、在css文件中编写代码 

 body{

        width:500px;

        height:500px; 

        background-color:#428bca;

} 

 .bjdiv{

        background:transparent;

        color:#fff;

        background-color:rgba(28,49,78,0.35);

}

然后在html文件中引入css文件即可

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com