1、打开编辑工具，创建静态页面。
2、在页面中插入一个输入框。
3、设置输入框的宽度、高度、文字样式。
4、在初始化函数里编写table函数，对于不同情况设置不同的样式。
5、预览静态页面，打开浏览器调试结果。
6、保存代码并预览页面，即可看到页面展示的效果。
7、按照上述操作，即可完成用css改变输入框样式。
1、创建css样式，点击窗口\css样式，可以打开css样式编辑窗口，还可以直接在属性面板内创建。
2、点击属性面板的编辑规则，或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在弹出的定义对话框中，选择要更改的各种属性。比如把段落的字体大小改为16px，字体颜色改为红色。
5、点击确定，发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。
