색상과 배경을 위한 스타일
in Programming on HTML/CSS
웹에서 색상 표현하기
16진수 표기법
rgb와 rgba 표기법
hsl과 hsla 표기법
색상이름 표기법
배경 색과 배경 이미지
background-color 속성
background-clip 속성
background-image 속성
background-size 속성
background-position 속성
background-origin 속성
background-attachment 속성
background 속성
그라데이션 효과
브라우저 별 접두사
선형 그라데이션
원형 그라데이션
그라데이션 패턴
<!DOCTYPE html>
<html lang="ko" dir="ltr">
<head>
<meta charset="utf-8">
<title>사과는 사과다</title>
<style>
.container{
width:500px;
height: 500px;
padding: 5px;
background: url(https://i2.wp.com/ceklog.kindel.com/wp-content/uploads/2013/02/firefox_2018-07-10_07-50-11.png) no-repeat;
background-size: cover;}
.content{
width : 500px;
text-align :center;
font-weight: bolder;
margin-top: 400px;
background : rgba(128,128,128,0.5);
}
</style>
</head>
<body>
<div class = "container">
<div class = "content">하루 한 알의 사과는 의사를 멀리 한다.</div></div>
</body>
</html>
