css中border可否设置内边框

html-css010

css中border可否设置内边框,第1张

CSS3可以设置边框是向内还是向外, 如果要设置为内边框使用

box-sizing: border-box

外边框

box-sizing: content-box

用padding写

<div class="a"></div>

<style>

.a{

padding:10px/*这个是上下左右内边距都是10像素*/

padding:0 5px 2px 3px

/*对应顺序:上 右 下 左就是上内边距为0像素,右内边距为5像素以此类推*/

padding:10px 30px 10px

对应顺序 上 左右 下就是上内边距10像素 左右30像素 下内边距 10像素

padding:10px 20px

对应顺序 上下 左右 就是上下内边距为10像素 左右内边距为20像素

}

</style>

这是四种边距设定的写法,每次根据不同环境只用一种就行 margin(外边距)同理的

块级区域里的颜色设置,一般只有边框和背景色两种.边框的颜色就是你列出的border属性,而你所说的内边框,我没有理解是什么意思,臆测一下,可能是想说padding的颜色吗?padding的颜色是与块级区域的背景色一致的,其颜色不能做单独设置,所以感觉不满足你的要求吧,呵呵. 如果需要嵌套颜色效果,一般以容器的方式放置,比如说:<div style='border:5px solid #00ff00padding:5pxbackground-color:#ff0000width:200pxheight:100px'><div style='background-color:#0000ffwidth:100%height:100%'> 效果演示 </div></div>恩,都有刚起步的时候,希望你的过程可以很顺利吧