글자색
배경색
테두리색
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.color{
color: aqua;
background: linear-gradient(to right, white,pink);
}
.bg-color { background-color: rgb(65, 65, 143, 0.5);}
/* rgba 를 이용하여 반투명 설정 */
.b-color {
border: 1px solid black;
border-color: #19ce69;
}
</style>
</head>
<body>
<div class="color">글자색</div>
<div class="bg-color">배경색</div>
<div class="b-color">테두리색</div>
</body>
</html>
'HTML.CSS.JS > css' 카테고리의 다른 글
| [CSS] border 테두리 속성 (0) | 2023.04.06 |
|---|---|
| [CSS] 폰트 속성 / 단위 (0) | 2023.04.06 |
| [CSS] 속성선택자 예시 (0) | 2023.04.06 |
| [CSS] css 규칙 (0) | 2023.04.06 |
| [CSS] 스타일 시트 작성 방법 (0) | 2023.04.06 |