|
发表于 2017-4-18 09:06:07
|
显示全部楼层
交作业
- <html lang="en">
- <!DOCTYPE html>
- <head>
- <meta charset="UTF-8">
- <title>center</title>
- <style type="text/css">
- html,body{
- height: 100%;
- width: 100%;
- color: red;
- font-family: sans-serif, serif,cursive,fantasy,monospace;
- }
- body{
- background: url("background.jpg") center center;
- background-size: cover;
- margin: 0;
- padding: 0;
- position: relative;
- }
- #container{
- width: inherit;
- text-align: center;
- position: absolute;
- top:50%;
- transform:translateY(-50%);
- }
- h1{
- font-size: 33px;
- margin-bottom: 22px;
- }
- p{
- font-size: 18px;
- margin-bottom: 22px;
- }
- a{
- font-size: 22px;
- color: white;
- border:1px solid aqua;
- background-color: aqua;
- padding: 10px 22px;
- border-radius: 5px;
- text-decoration: none;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <h1>我爱鱼C</h1>
- <p>让编程改变世界!<br/>Change the world by program!</p>
- <a href="http://www.fishc.com/">传送门</a>
- <a id="controller" href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539">HTML5-庖丁解牛</a>
- </div>
- </body>
- </html>
复制代码 |
|