Css 在窗体中添加边框

我写了下面的代码来创建表单，我已经给我的表单添加了一些样式 我想在我的表单中添加这样的边框。我使用tride，但无法添加它。
有人能帮我这样做吗

。详细信息{
背景色：#eb4e24；
高度：800px；
}
输入[类型=文本]，
#经验，
#均衡化，
#角色{
宽度：86%；
填充：7px 7px；
边框：#C1C1实心1px；
高度：40px；
背景：无；
/*边界半径：5px*/
}
挑选{
宽度：28%；
高度：37像素；
填充：0.1em；
背景：无；
边框：#C1C1实心1px；
}
.边界{
边框：#dbdb实心1px；
}
表td{
填充：10px；
}
输入[类型=文件]{
边框：#C1C1实心1px；
高度：40px；
填充：8px 7px；
宽度：86%；
}
标签{
颜色：红色；
}
#验证码{
宽度：77%；
}
法兰西{
字体大小：2em！重要；
颜色：#fff；
左侧填充：15px；
}
形式{
利润率最高：15%；
/*边框：1px实心*/
}

名字
*


电子邮件地址
*


职位
*


现任雇主
*


姓
*


流动电话号码。
*


经验
*


---------选择经验--------------
1-2年
1-3年
2-4年
4-6年
6-10年
十年
在这里输入代码
*

如果您想要两种颜色的边框，可以使用以下小技巧：

正文{
背景图像：-webkit线性渐变（左，#FFF 50%，#000 50%）；
背景图像：-moz线性梯度（左，#FFF 50%，#000 50%）；
背景图像：-o-线性梯度（左，#FFF 50%，#000 50%）；
背景图像：线性梯度（向右，#FFF 50%，#000 50%）；
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
形式{
宽度：500px；
高度：250px；
左边框：10px实心#000；
右边框：10px实心#FFF；
填充：10px0；
保证金：50px自动；
背景图像：-webkit线性渐变（左，#000 50%，#FFF 50%），-webkit线性渐变（左，#000 50%，#FFF 50%）；
背景图像：-moz线性梯度（左，#000 50%，#FFF 50%），-moz线性梯度（左，#000 50%，#FFF 50%）；
背景图像：-o-线性梯度（左，#000 50%，#FFF 50%），-o-线性梯度（左，#000 50%，#FFF 50%）；
背景图像：线性梯度（向右，#000 50%，#FFF 50%），线性梯度（向右，#000 50%，#FFF 50%）；
背景位置：0,0,100%；
背景重复：无重复；
背景尺寸：100%10px；
}

---

将表单内容设置为字段集（就在表单之后，/form之前），将标题设置为字段集的第一行，并在字段集上设置边框（例如2px solid#000）。

也许使用两个表单的方法更容易，因为这样你就不必担心字体颜色在两个背景上可读。 但这一切都导致了人们不得不担心他们两人都达到了同样的高度

然后可以在每个窗体周围的容器上使用边框，并删除它们之间的填充

.left{
padding-right: 0;
}
.left form{
border-style: solid;
border-right-style: none;
height: 620px;

}

.right{
padding-left: 0;
background-color: #eb4e24;
}

.right form{
border-style: solid;
border-left-style: none;
border-color: white;
height: 620px;
}

---

非常感谢。是否可以在边框之间添加标题？