css3如何加内边框

　　介绍

这篇文章主要介绍css3如何加内边框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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

相关属性:

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

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

语法:

box-sizing:内容框| border-box |继承:

属性值:

    <李>

    内容框,CSS2.1指,这是定的宽度和高度的行为。指定元素的宽度和高度(最?最大属性)适用于框的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外

    <李>

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

    <李>

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

代码实现:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; style> 　　div.container 　　｛ 　　宽度:30 em; 　　边界:1 em固体; 　　} 　　div.box 　　｛ 　　box-sizing: border-box; 　　-moz-box-sizing: border-box;/* Firefox */宽度:50%; 　　边界:1 em固体红; 　　浮:左; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　 　　& lt; div类=癱ontainer"祝辞 　　& lt; div类=癰ox"在这个div占据了左边的一半。;/div> 　　& lt; div类=癰ox"在这个div占据了右边的一半。;/div> 　　& lt;/div> 　　 　　& lt;/body> 　　& lt;/html>

实现效果:

css3如何加内边框

以上是css3如何加内边框的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css3如何加内边框