<label>ID</label> <input name="text" type="text" value="ID" placeholder="ID"><br> <label>类型</label> <input name="text" type="text" value="类型" placeholder="类别"><br> <input type="submit" value="修改">为上述代码设计css的代码
时间: 2023-08-22 18:05:42 浏览: 119
《信息统计表》学生实验(项目)报告
可以使用以下 CSS 样式来为此代码设计样式:
```css
label {
display: inline-block;
width: 80px;
text-align: right;
margin-right: 10px;
}
input[type="text"] {
display: inline-block;
width: 200px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
margin-bottom: 10px;
}
input[type="submit"] {
display: block;
width: 100px;
margin: 0 auto;
padding: 8px 16px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #0069d9;
}
```
效果如下:
![CSS 样式效果](https://i.ibb.co/3CsJ0pB/css.png)
阅读全文