Difference between revisions of "Team:KAIT Japan/Safety"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | |||
− | < | + | <head> |
− | < | + | <title>KAIT-JAPAN 2015</title> |
+ | <META http-equiv="Content-Style-Type" content="text/css"> | ||
+ | <style type="text/css"> | ||
+ | #page body{width:950px; margin:auto;} | ||
− | |||
− | + | #f-box{ | |
+ | display:-moz-box; | ||
+ | display:-webkit-box; | ||
+ | display:-webkit-flex; | ||
+ | display:-ms-flexbox; | ||
+ | display:flex; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #mannnaka{ | |
+ | box-sizing:border-box; | ||
+ | width:550px; | ||
+ | padding:10px; | ||
+ | -moz-box-ordinal-group:2; | ||
+ | -webkit-box-ordinal-group:2; | ||
+ | -webkit-order-:2; | ||
+ | -ms-flex-order:2; | ||
+ | order:2; | ||
+ | } | ||
− | + | .aside{ | |
+ | box-sizing:border; | ||
+ | width:200px; | ||
+ | padding | ||
+ | } | ||
− | + | .side1{ | |
+ | -moz-box-ordinal-group:1; | ||
+ | -webkit-box-ordinal-group:1; | ||
+ | -webkit-order-:1; | ||
+ | -ms-flex-order:1; | ||
+ | order:1; | ||
+ | } | ||
− | + | .side2{ | |
+ | -moz-box-ordinal-group:3; | ||
+ | -webkit-box-ordinal-group:3; | ||
+ | -webkit-order-:3; | ||
+ | -ms-flex-order:3; | ||
+ | order:3; | ||
+ | } | ||
+ | h1{ | ||
+ | margin-left:+10px; | ||
+ | margin-right:+10px; | ||
+ | background-color:#7CFC00; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="page body"> | ||
+ | <h1>タイトル</h1> | ||
+ | <div id="f-box"> | ||
+ | <div id="mannnaka"> | ||
+ | <p>私はHPを作成している。</p><br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="aside side1"> | ||
+ | <p style="color:#0000FF">私はHPを作成している。</p><br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="asaide side2"> | ||
+ | <p>ksksksksksks</p> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:19, 3 August 2015
タイトル
私はHPを作成している。
私はHPを作成している。
ksksksksksks