員工管理頁面的CSS設計是非常重要的，因為它直接影響到頁面的美觀和使用體驗。以下是一些CSS設計的建議。

/* 設置頁面布局 */
body {
margin: 0;
font-family: Arial, sans-serif;
}
.container {
max-width: 1000px;
margin: 0 auto;
}
.header {
background-color: #333;
color: #fff;
padding: 10px;
}
.sidebar {
width: 20%;
float: left;
background-color: #f4f4f4;
padding: 10px;
}
.content {
width: 80%;
float: right;
padding: 10px;
}
.footer {
background-color: #333;
color: #fff;
padding: 10px;
}
/* 設置表格樣式 */
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: #333;
color: #fff;
}
tr:nth-child(even) {
background-color: #f4f4f4;
}
/* 設置按鈕樣式 */
.button {
background-color: #333;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #666;
}
/* 設置表單樣式 */
.form-group {
margin-bottom: 10px;
}
label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f4f4f4;
}

以上CSS代碼設置了員工管理頁面的布局、表格、按鈕、表單等樣式，可以實現一個簡單而美觀的員工管理頁面。