请问css注册表怎么写
时间: 2023-10-02 21:14:01 浏览: 68
以下是一个简单的CSS样式表,可以应用于之前提供的HTML学员信息登记表中的各个元素。您可以将以下代码保存为一个`.css`文件,并在HTML文件中使用`<link>`标签将其链接到HTML文件中。
```css
/* 设置页面背景色 */
body {
background-color: #f5f5f5;
}
/* 设置标题样式 */
h1 {
text-align: center;
color: #333;
font-size: 2.5em;
margin-top: 1em;
margin-bottom: 1em;
}
/* 设置表单样式 */
form {
max-width: 600px;
margin: 0 auto;
padding: 2em;
background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
border-radius: 5px;
}
/* 设置字段标签样式 */
label {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
}
/* 设置输入框样式 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
padding: 0.5em;
border: 2px solid #ccc;
border-radius: 3px;
width: 100%;
font-size: 1em;
margin-bottom: 1em;
}
/* 设置单选框和复选框样式 */
input[type="radio"],
input[type="checkbox"] {
margin-right: 1em;
}
/* 设置提交按钮样式 */
input[type="submit"],
input[type="reset"] {
background-color: #4CAF50;
color: #fff;
padding: 0.5em 1em;
border-radius: 3px;
border: none;
font-size: 1em;
cursor: pointer;
}
/* 鼠标悬停时更改按钮颜色 */
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: #3e8e41;
}
```
注意:CSS样式表中的具体样式属性和数值可以根据需要进行调整。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)