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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM