Css 中实现边界凹陷状态的方法是:设置控件的左右border(基本上是一黑一白)
例如(颜色请进行调整):
border-left:1px solid #e4e4e4;
border-right:1px solid red;
正常情况下border 的长度 是外加到对应的控件之上的,如果想让border的宽度包含在控件之内,即:让border 的效果显示在控件边框之内,可用如下方法:
即:在Css中加入如下语句
box-sizing:border-box; 这个是对于IE浏览器来说的
-moz-box-sizing:border-box; 这个是对于 firefox 浏览器来说的
-webit-box-sizing:border-box; 这个是对chrome 浏览器来说的