[WIP] premier prototype du premier choix, trouver un design de boutons
這個提交存在於:
父節點
635339aba4
當前提交
826d4ea2b1
共有 2 個檔案被更改,包括 46 行新增 和 40 行删除
|
@ -1,6 +1,4 @@
|
|||
body {
|
||||
border: 8px solid;
|
||||
color: blue;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
@ -10,20 +8,30 @@ body {
|
|||
}
|
||||
|
||||
header {
|
||||
border: 8px solid;
|
||||
color: purple;
|
||||
color: #BF0909;
|
||||
font-family: 'Special Elite', cursive;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
header a {
|
||||
text-decoration: none;
|
||||
color: #BF0909;
|
||||
}
|
||||
|
||||
header a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#main {
|
||||
display: flex;
|
||||
flex: 4;
|
||||
}
|
||||
|
||||
#content {
|
||||
border: 8px solid;
|
||||
color: blue;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
|
@ -31,21 +39,19 @@ header {
|
|||
}
|
||||
|
||||
#text {
|
||||
border: 8px solid;
|
||||
font-family: 'Special Elite', cursive;
|
||||
font-size: 2vw;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
border: 8px solid;
|
||||
color: red;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
footer {
|
||||
border: 8px solid;
|
||||
color: green;
|
||||
display: flex;
|
||||
flex : 1;
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1></h1>
|
||||
<nav></nav>
|
||||
<h1>Un étudiant étrange</h1>
|
||||
<nav><a href='./menu.html'>Retourner au menu</a></nav>
|
||||
</header>
|
||||
<main id="main">
|
||||
<section id="content">
|
||||
|
|
載入中…
新增問題並參考