글자색
배경색
테두리색
<!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 > css 예시' 카테고리의 다른 글
[CSS] naver이동 버튼 (0) | 2023.04.06 |
---|---|
[CSS] 속성선택자 예시 (0) | 2023.04.06 |