编程页面怎么打开

设计一个简单的编程登录页面

HTML 结构

```html

```

CSS 样式 (styles.css)

```css

body {

fontfamily: Arial, sansserif;

backgroundcolor: f4f4f4;

display: flex;

justifycontent: center;

alignitems: center;

height: 100vh;

margin: 0;

}

.container {

backgroundcolor: fff;

padding: 20px;

borderradius: 5px;

boxshadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

form {

textalign: center;

}

.formgroup {

margin: 10px 0;

}

label {

display: block;

marginbottom: 5px;

}

input {

padding: 8px;

width: 100%;

boxsizing: borderbox;

border: 1px solid ccc;

borderradius: 5px;

}

button {

padding: 10px 20px;

border: none;

backgroundcolor: dodgerblue;

color: fff;

cursor: pointer;

borderradius: 5px;

}

```

这个简单的登录页面包括HTML和CSS代码。用户需要输入用户名和密码，然后点击“登录”按钮。当用户点击“登录”按钮时，表单数据将被提交到`login.php`进行处理。这只是一个基本示例，实际情况中需要考虑安全性和用户体验等方面的更多因素。