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 瀏覽器來說的