Line 1: | Line 1: | ||
{{ShanghaitechChina}} | {{ShanghaitechChina}} | ||
<html> | <html> | ||
− | < | + | <style> |
− | + | .notepad { | |
− | + | font-family: 'Handlee', cursive; | |
− | + | padding: 50px 40px; | |
− | + | margin: 50px auto; | |
+ | width: 900px; | ||
+ | height: 1200px; | ||
+ | box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); | ||
+ | transform: rotate(-4deg); | ||
+ | -ms-transform: rotate(-4deg); | ||
+ | -moz-transform: rotate(-4deg); | ||
+ | -o-transform: rotate(-4deg); | ||
+ | -webkit-transform: rotate(-4deg); | ||
+ | background: #fcf59b; | ||
+ | background: | ||
+ | -webkit-gradient( | ||
+ | linear, | ||
+ | left top, left bottom, | ||
+ | from(#81cbbc), | ||
+ | color-stop(2%, #fcf59b) | ||
+ | ); | ||
+ | background: | ||
+ | -moz-repeating-linear-gradient( | ||
+ | top, | ||
+ | #fcf59b, | ||
+ | #fcf59b 38px, | ||
+ | #81cbbc 40px | ||
+ | ); | ||
+ | background: | ||
+ | repeating-linear-gradient( | ||
+ | top, | ||
+ | #fcf59b, | ||
+ | #fcf59b 38px, | ||
+ | #81cbbc 40px | ||
+ | ); | ||
+ | -webkit-background-size: 100% 40px; | ||
+ | } | ||
+ | p { | ||
+ | font-size: 28px; | ||
+ | line-height: 41px; | ||
} | } | ||
</style> | </style> | ||
− | |||
− | |||
<body> | <body> | ||
− | </body> | + | <link href="notebook.css" rel="stylesheet"> |
+ | <body> | ||
+ | <div class="notepad"> | ||
+ | <h1>aaaaaaaaaa</h1> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 03:54, 24 September 2016