首先将两个输入框写在同一个div里面，并排排列，也可以设置输入框的display属性，将行内元素转换成块级元素，让其独占一行。
其次是给这个div设置一个border元素，边框的值为1个px，实线，边框的颜色为红色，具体代码为：border：1px solid red；
这样在页面上呈现的就是一个红色的盒子里有两个input输入框，这样就达到了想要的目的。
@ 网页中css如何实现点划线？
1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：
2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：
3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：
@ css中哪个属性可以设置单一边框？
css中的border属性是可以设置单一边框的，这个属性是一个复合属性的，他是有四个值得分贝时border-top,border-right,border-bottom,border-left分别表示上边框，右边框，下边框和左边框这么四个属性就可以设置单一边框的，有3个值分别表是边框的宽度，线条的类型还有颜色等等。
@ border怎么填充颜色？
css可以使用border-color属性设置四条边框的颜色。border-color属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为4个边分别设置不同的颜色。
"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
