css怎么设置背景图片透明_CSS

上一篇: 利用CSS怎么创建渐变色边框？5种... 下一篇:css如何改变背景图片大小

css怎么设置背景图片透明

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css怎么设置背景图片透明，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在css中，可以利用opacITy属性来设置背景图片透明，该属性的作用就是设置元素的透明度，只需要给设置了背景图片的元素添加“opacity: 透明度值;”样式即可。

css怎么设置背景图片透明

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以利用Opacity属性来设置背景图片透明。

Opacity属性设置一个元素了透明度级别，透明度级别（属性值）从0.0（完全透明）到1.0（完全不透明）。

代码示例：

<!DOCTYPE html>
<html>
	<head>
		<;meta charset="UTF-8">
		<style>
			div{
				width: 400px;
				height: 230px;
				background:url(img/3.jpg) no-repeat;
				background-size: 400px 226px;
			}
			.box{
				opacity: 0.5;
			}
		</style>
	</head>

	<body>	
		<div></div> 
        <div class="box"></div> 
	</body>

</html>

效果图：

css怎么设置背景图片透明

（学习视频分享：css视频教程）

以上就是css怎么设置背景图片透明的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css怎么设置背景图片透明全部内容，希望文章能够帮你解决css怎么设置背景图片透明所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：背景图片背景图片

上一篇: 利用CSS怎么创建渐变色边框？5种... 下一篇:css如何改变背景图片大小

猜你在找的CSS相关文章