clip-path で、できるかもしれませんが、「できる=簡単」というわけではありませんよ。
clip-path
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
IE/EdgeはNG
http://caniuse.com/#search=clip-path
CSS
1#container {
2 width: 300px;
3 height: 200px;
4}
5
6#lesson {
7 width: 200px;
8 height: 150px;
9 clip-path: polygon(0% 0%, 0% 70%, 100% 100%, 100% 0%);
10 text-align: center;
11 background: #9ce;
12}
HTML
1<div id="container">
2 <div id="lesson">授業</div>
3</div>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。