← Каталог
Шаблоны простых элементов веб-страниц — CSS для калькулятора
Фрагмент из «Шаблоны простых элементов веб-страниц»: CSS для калькулятора.
form h2 {
text-align: center;
margin-bottom: 1.5rem;
}
.form-group {
margin-bottom: 1rem;
}
.form-group input,
.form-group select {
width: 100%;
padding: 0.6rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.calc-result {
margin-top: 1.5rem;
padding: 1rem;
background-color: #f8f9fa;
border-left: 4px solid #007bff;
} form h2 {
text-align: center;
margin-bottom: 1.5rem;
}
.form-group {
margin-bottom: 1rem;
}
.form-group input,
.form-group select {
width: 100%;
padding: 0.6rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.calc-result {
margin-top: 1.5rem;
padding: 1rem;
background-color: #f8f9fa;
border-left: 4px solid #007bff;
}