为什么我设置的黑色不是纯黑色，还有这个字体颜色设置了也是模糊的。

主页代码：

<div class="four">

<div class="word">Praesent dignissim viverra est,sed<br>bibendum ligula congue non. Sed ac nisl

<br>et felis gravida commodo? Suspendisse<br>eget ullamcorper ipsum. Suspendisse<br>diam amet.</div>

<button>EXPLORE</button>

</div>

CSS代码：

.four{

z-index: 2;

width: 350px;

height: 200px;

/* background: white;

opacity: 0.2; */

position: absolute;

top: 100px;

border: 1px solid #7D7C7F;

text-align: left;

}

.four .word{

margin-top: 10px;

margin-left: 10px;

line-height: 25px;

}

.four button{

width: 90px;

height: 40px;

color: white;

background: black;

font-size: 14px;

margin-top: 10px;

margin-left: 10px;

border: 2px solid black;

}

.four button:hover{

background: white;

color: black;

border: 2px solid black;

}