Css 實現邊界 凹陷 狀態

來源:互聯網
上載者:User

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.