# 太陽・主人公セレクタのcss

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    #sun {
    	position: absolute;
    	left: 40%;
    	border-radius: 50%;
    	width: 300px;
    	height: 300px;
    	background-color: #ff0;
    }
    #player {
    	position: absolute;
    	left: 45%;
    	bottom: 60px;
    }

では「制御」→「実行」メニューを実行してください。
太陽が黄色い円で上中央に表示されました。
猿が草の上に左右中央に表示されました。
太陽はposition:absoluteにより左から40%の位置にセットされました。幅高さ300ピクセルずつで円の半径をそ50%にしました。
猿はposition:absoluteにより左から45%、底から60ピクセルの位置にセットされました。

### 次へ