<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform: rotate(20deg);
}
</style>
</head>
<body>
<h1>rotate()メソッド</h1>
<p>rotate()メソッドは要素を時計回りまたは反時計回りに回転します。</p>
<div>
これは通常のdiv要素です。
</div>
