85 lines
1.4 KiB
CSS
85 lines
1.4 KiB
CSS
/*
|
||
* @Author: Kane
|
||
* @Date: 2022-10-12 08:49:14
|
||
* @LastEditors: Kane
|
||
* @LastEditTime: 2022-10-21 11:46:35
|
||
* @FilePath: \car_dealer\css\kane.css
|
||
* @Description: vue学习用的样式表！
|
||
*
|
||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||
*/
|
||
|
||
html {
|
||
--backupground-color: #f7f7f7;
|
||
--btn-color-blue: #307dbe;
|
||
--btn-color-yellow: #f7b24d;
|
||
--btn-color-green: #5bad60;
|
||
--btn-color-red: #e56651;
|
||
--btn-font-color: #fff;
|
||
}
|
||
|
||
#root,
|
||
#app {
|
||
padding: 50px;
|
||
}
|
||
|
||
#root,
|
||
#app * + * {
|
||
margin-top: 15px;
|
||
text-align: center;
|
||
}
|
||
|
||
.content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
hr {
|
||
background-color: steelblue;
|
||
border: none;
|
||
height: 3px;
|
||
/* width: 100% */
|
||
}
|
||
|
||
/* .test {
|
||
width: 110vw;
|
||
height: 100vh;
|
||
border: 1px solid red;
|
||
overflow: auto;
|
||
} */
|
||
|
||
button {
|
||
padding: 5px 10px;
|
||
background-color: var(--btn-color-red);
|
||
color: var(--btn-font-color);
|
||
width: 10em;
|
||
border: none;
|
||
border-radius: 0.25em;
|
||
font-size: 1.5rem;
|
||
text-align: center;
|
||
}
|
||
|
||
button:hover {
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 用于按钮点击时样式切换。 */
|
||
button:active {
|
||
background-color: var(--btn-font-color);
|
||
color: var(--btn-color-red);
|
||
}
|
||
|
||
input {
|
||
border: none;
|
||
outline: solid 2px #e56651;
|
||
font-size: 2rem;
|
||
}
|
||
|
||
label {
|
||
display: inline-block;
|
||
font-size: 2rem;
|
||
margin-top: 15px;
|
||
}
|