首先将两个输入框写在同一个div里面，并排排列，也可以设置输入框的display属性，将行内元素转换成块级元素，让其独占一行。
其次是给这个div设置一个border元素，边框的值为1个px，实线，边框的颜色为红色，具体代码为：border：1px solid red；
这样在页面上呈现的就是一个红色的盒子里有两个input输入框，这样就达到了想要的目的。
css中如何给列表加边框？
写个样式设置其属性border，如：四边相同边框border简写.divcss{border:1px solid #00F}，并将样式套用到需要加边框的列表。
border属性设置表格宽度？
Border-collapse是否把表格边框合并为单一的边框。Separate默认值，collapse合并。
②Border-spacing分割单元格边框的距离。
③Caption-side设置表格标题的位置。Top默认值，bottom在表格下方。
④Empty-cells是否显示表格中的空单元格。Show默认，hide不显示。
⑤Table-layout设置显示宽度是否随内容拉伸。Auto默认，fixed不拉伸（列宽由表格宽度和列宽度设定）。
如何实现窗体边框样式更改？
FormborderStyle 属性，如果你觉得这个效果不行，可以使用第三方皮肤控件skin，通过ssk文件改变边框样式
