用css为 <body> 在线考试系统题目新增页面 <form> <p> <label for="title">题目:</label> <textarea id="title" rows="3" cols="60" placeholder="请输入题目"></textarea> </p> </p> <p> <label for="answer">答案:</label> <input type="text" id="answer" placeholder="请输入答案"> <label for="score">分数:</label> <input type="number" id="score" placeholder="请输入分数"> </p> <p> <input type="button" id="btn" value="保存题目"> <input type="button" id="clear" value="清空题库"> </p> </form> </script> </body> </html>做背景
时间: 2023-10-06 14:12:26 浏览: 92
以下是一个简单的CSS样式,用于为在线考试系统题目新增页面的表单添加背景:
```css
body {
background-color: #f2f2f2; /* 设置背景颜色 */
}
form {
background-color: #fff; /* 设置表单背景颜色 */
border-radius: 10px; /* 设置圆角边框 */
padding: 20px; /* 设置内边距 */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 设置阴影 */
}
label, input, textarea {
display: block; /* 设置为块级元素,方便布局 */
margin-bottom: 10px; /* 设置标签和输入框之间的间距 */
}
input[type="button"] {
background-color: #4CAF50; /* 设置按钮背景颜色 */
color: #fff; /* 设置按钮文字颜色 */
border: none; /* 去除按钮边框 */
padding: 10px 20px; /* 设置按钮内边距 */
border-radius: 5px; /* 设置按钮圆角 */
cursor: pointer; /* 设置鼠标指针样式 */
margin-right: 10px; /* 设置按钮之间的间距 */
}
input[type="button"]:hover {
background-color: #3e8e41; /* 设置按钮鼠标悬停时的背景颜色 */
}
```
你可以将以上代码添加到你的HTML文件中的`<style>`标签中,以实现表单的美化。
阅读全文