Css 实现边界 凹陷 状态

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 浏览器来说的

原文地址:https://www.cnblogs.com/mingmingruyuedlut/p/2849890.html