如何设计input文本框border效果

1、文本编辑器或网页开发工具（如：DW），这里笔者使用EditPlus，新建一个网页文本（.html）

4、获取焦点（激活）时样式，border为刚刚在文件中自定义的样式即：input:active{/*文本框获取激活时的样式*/border:1px solid red;}input:focus{/*文本框获取焦点时的样式*/border:1px solid red;}