|
|
| Zeile 5: |
Zeile 5: |
| | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script> | | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script> |
| | <style> | | <style> |
| − | .wrapper1{
| + | |
| − | display:grid;
| |
| − | grid-row-gap:1em;
| |
| − | justify-items:stretch;
| |
| − | align-items:stretch;
| |
| − | }
| |
| − | | |
| − | .wrapper1 >div{
| |
| − | padding:0em;
| |
| − | border: 1px solid black;
| |
| − | }
| |
| − | .wrapper1 >div:nth-child(odd){
| |
| − | }
| |
| − | .wrapper2{
| |
| − | display:grid;
| |
| − | grid-row-gap:1em;
| |
| − | grid-template-columns:70% 30%;
| |
| − | justify-items:stretch;
| |
| − | align-items:stretch;
| |
| − | | |
| − | }
| |
| − | | |
| − | .wrapper2 >div{
| |
| − | padding:0em;
| |
| − | border: 1px solid black;
| |
| − | grid-template-columns:repeat(2); | |
| − | | |
| − | }
| |
| − | .wrapper2 >div:nth-child(odd){
| |
| − | }
| |
| − | | |
| − | .box4{
| |
| − | grid-column:1/3;
| |
| − | grid-row:4/4;
| |
| − | border: 1px solid black;
| |
| − | }
| |
| − | .box5{
| |
| − | grid-column:2/3;
| |
| − | grid-row:4/4;
| |
| − | border: 1px solid black;
| |
| − | }
| |
| − | | |
| − | .button {
| |
| − | background-color: black;
| |
| − | border: none;
| |
| − | color: white;
| |
| − | font-family: arial;
| |
| − | padding: 8px 20px;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | display: inline-block;
| |
| − | font-size: 16px;
| |
| − | border-radius: 15px;
| |
| − | }
| |
| − | .button:active {
| |
| − | background-color: #939393;
| |
| − | }
| |
| | </style> | | </style> |
| | </head> | | </head> |
