VSCODE制作简单登录界面（含验证码）

登录界面：

1.下载vscode，在官网界面点击下载，按照相应的步骤安装

注意：创建桌面的快捷方式。

2.打开VSCODE,点击左边最下面扩展，下载几个最常用的插件。

（1）Chinese（Simplified)(简体中文）：适用于VS CODE 的中文语言包。

（2）Live Server：打开网页并展现网页的实时变化。

（3）open in browser:打开网页。

3.点击左上角文件，设置为自动保存。以防代码未保存而退出。

4.选择一张背景图片，将图片放入文件夹中，拖进VS CODE。并新建html文件。

5.将图片设置为背景图片。

代码：

运行：

6.将文字与边框输入，注意用br换行。

代码：

运行：

7.字体变换与排版，优化

代码：

运行：

8.如何实现验证码：

代码：

最后运行：