bamarty/Projet_Prog_Web
2
0
分叉 0
程式碼 問題 合併請求 版本發布 Wiki 動態

[WIP] premier prototype du premier choix, trouver un design de boutons

瀏覽代碼
這個提交存在於：
Florian Ehr 2020-12-04 13:51:36 +01:00
父節點 635339aba4
當前提交 826d4ea2b1
共有 2 個檔案被更改，包括 46 行新增 和 40 行删除
顯示統計資料 下載補綴檔案 下載差異檔案 展開所有檔案 折疊所有檔案

82
CSS/choix1.css
查看文件

@ -1,6 +1,4 @@
body { body {
border: 8px solid;
color: blue;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -9,46 +7,54 @@ body {
height: 95vh; height: 95vh;
} }
header { header {
border: 8px solid; color: #BF0909;
color: purple; font-family: 'Special Elite', cursive;
display: flex; display: flex;
flex: 1; flex-direction: column;
} justify-content: space-between;
align-items: center;
flex: 1;
}
#main { header a {
display: flex; text-decoration: none;
flex: 4; color: #BF0909;
} }
#content { header a:hover {
border: 8px solid; color: white;
color: blue; }
display: flex;
flex-direction: column;
justify-content: space-around;
width: 50vw;
}
#text { #main {
border: 8px solid; display: flex;
font-family: 'Special Elite', cursive; flex: 4;
text-align: center; }
color: white;
}
#buttons { #content {
border: 8px solid; display: flex;
color: red; flex-direction: column;
display: flex; justify-content: space-around;
justify-content: space-around; width: 50vw;
} }
footer { #text {
border: 8px solid; font-family: 'Special Elite', cursive;
color: green; font-size: 2vw;
display: flex; text-align: center;
flex : 1; color: white;
} }
#buttons {
color: red;
display: flex;
justify-content: space-around;
}
footer {
color: green;
display: flex;
flex : 1;
}

4
HTML/choix1.html
查看文件

@ -10,8 +10,8 @@
</head> </head>
<body> <body>
<header> <header>
<h1></h1> <h1>Un étudiant étrange</h1>
<nav></nav> <nav><a href='./menu.html'>Retourner au menu</a></nav>
</header> </header>
<main id="main"> <main id="main">
<section id="content"> <section id="content">