css 背景透明,文字不透明写法

在这里插入图片描述

css 背景透明 文字不透明的方法

html代码如下:

<div class="prizeNum">
    <p class="prizeNameTitle">name</p>
</div>

css 代码如下:

.prizeNum{
    
    
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,0.5);
	width: 67%;
	height: 45px;
	border-radius: 40px;
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
	line-height: 25px;
}

background-color: rgba(0,0,0,0.5);
想要修改透明背景的颜色 修改rgb的值就可以了 最后一个是透明度

猜你喜欢

转载自blog.csdn.net/ranmoli/article/details/115379553