728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>opacity</title>
<meta charset="UTF-8">
<style>
div {
width: 200px;
height: 200px;
background-color: red;
color: black;
opacity: 50%;
/* opacity : 요소 자체의 투명도 설정 0~100% */
/* 단, 내용 전체도 같이 투명해짐으로 배경 투명 목적으로 상요하면 안됨.*/
}
</style>
</head>
<body>
<div>글씨글씨글씨글씨글씨글씨</div>
</body>
</html>
728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| padding(외부 여백) (0) | 2022.12.24 |
|---|---|
| position (0) | 2022.12.24 |
| margin(외부여백) (0) | 2022.12.24 |
| font(폰트 설정과 외부 폰트 적용) (0) | 2022.12.24 |
| flex (0) | 2022.12.24 |