JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<h1>Big Letter</h1>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	
	
	<p>Hello <span class="test"> CSS!! </span></p>
	
	<div id="main"> This is Main </div>
</body>

CSS

body{
    background-color: green;
    background-image: url('omelet.jpg');
    background-repeat: no-repeat; 
    /* no-repeat -> 배경으로 지정한 이미지 반복하지 않음
       repeat-x -> 좌우로 반복 표시, repeat-y -> 상하로 반복 표시 */\
    
    background-position: 10px 10px; 
    /* 10px 10px 위와 왼쪽에서 10px 띄워서 이미지 표시하기 
       top right -> 오른쪽 위에 이미지 표시하기 */
    
    background-attachment: fixed; 
    /* scroll -> 화면의 스크롤을 내리면 배경이 사라짐
       fixed -> 화면의 스크롤을 내려도 배경이 고정되어 잇음 */ 
    
    /* background: url('bg.png') no-repeat 10px 10px fixed
       위와 같은 식으로 한 줄에 작성하는 것도 가능함 */ 
}