css3怎么加内边框


本文摘自PHP中文网,作者V,侵删。

css3加内边框的方法:可以通过使用border属性和box-sizing属性来加内边框,如【box-sizing:border-box;】。box-sizing属性允许以某种方式定义某些属性,以适应指定区域。

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

css3添加内边框

相关属性:

border属性允许你指定一个元素边框的样式和颜色。

box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。

(学习视频分享:css视频教程)

语法:

1

box-sizing: content-box|border-box|inherit:

属性值:

  • content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外

  • border-box 指定宽度和高度(最小/最大属性)确定元素边框。也就是说,对元素指定宽度和高度包括了 padding 和 border 。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

  • inherit 指定 box-sizing 属性的值,应该从父元素继承

代码实现:

阅读剩余部分

相关阅读 >>

border-image-slice属性怎么用

border-radius属性如何使用

text-outline属性怎么用

css中什么是:placeholder-shown?如何工作?有什么用?

transition属性怎么用

CSS3都有哪些新内容

CSS3中column-span有什么用

CSS3 skew()属性怎么用

CSS3是什么意思

word-break属性怎么用

更多相关阅读请进入《CSS3》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...