Question

CSS 边框不占像素要怎么弄

Answer 1

　　利用border-width: 0px;即可。

　　border 简写属性在一个声明设置所有的边框属性。

　　可以按顺序设置如下属性：

　　border-width

　　border-style

　　border-color

　　如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

　　

Answer 2

边框不可能不占像素，不占像素那根本显示不出来边框。你说的那种情况是因为边框的颜色和背景色是一样的，所以看起来没有边框。鼠标滑过或者其他的操作改变边框的颜色。这是最简单的方法，还有其他的办法就是padding+border实现，不过这样的方法不太常用。

Answer 3

一、你可以在盒子里面再加一个盒子，这个盒子设置边框
二、你可以把盒模型设置为 box-sizing:border-box

追问

能否详细点 最好有个例子 麻烦你了~！谢谢！

追答

div{ margin: 0; padding:0;}
.box1{width: 200px; height: 200px; background: #6d767f;}
.box1-1{ border: 10px solid #CC6666;}
.box2{ box-sizing: border-box; width: 200px; height: 200px; background:#3333FF; border: 10px solid #d4d4d4;}

这样看起来是外面的DIV有个边框哦

不管我边框多大都不会溢出哦

使用的border-box 设置好宽度，不管你再设置他的padding 还是 border 都不会影响他的宽度占位，，第一种是用一个外层盒子布局一下

Answer 4

border:0;